// @flow
import type { PatchworkTheme } from './theme.types';

export const cash: PatchworkTheme = {
  name: 'cash',
  colorPalette: {
    // Backgrounds
    white: '#FFFFFF',
    background: '#F9F8F7',

    // Greys
    'greyscale-black': '#403E3D',
    'greyscale-dark': '#73706E',
    'greyscale-medium': '#BFBDBB',
    'greyscale-light': '#E6E4E3',

    // Brand colours - primary
    'brand-primary-base': '#73706E',
    'brand-primary-base-hover': '#BFBDBB',
    'brand-primary-fg': '#403E3D',
    'brand-primary-fg-hover': '#8C8A88',
    'brand-primary-bg': '#F9F8F7',
    'brand-primary-bg-hover': '#F9F8F7',

    // Brand colours - secondary
    'brand-secondary-base': '#73706E',
    'brand-secondary-base-hover': '#BFBDBB',
    'brand-secondary-fg': '#403E3D',
    'brand-secondary-fg-hover': '#8C8A88',
    'brand-secondary-bg': '#F9F8F7',
    'brand-secondary-bg-hover': '#F9F8F7',

    // Flash messages
    'error-fg': '#B82E14',
    'error-bg': '#FFEBE6',
    'success-fg': '#377674',
    'success-bg': '#E5F1F1',
    'info-fg': '#A85A00',
    'info-bg': '#FFF6E6',

    'aux-1': '#568aa6',
    'aux-2': '#f4adab',
    'aux-3': '#cf3813',
    'aux-4': '#1e2c46',
  },

  buttonBorderRadius: '100px',
  cardBorderRadius: '10px',
  spacing: {
    s1: '10px',
    s2: '20px',
    s3: '30px',
    s4: '40px',
    s5: '50px',
    s6: '60px',
    s7: '70px',
  },
  fonts: {
    sans: "'FuturaPT', sans-serif",
  },
  typescale: {
    f0: '14px',
    f1: '16px',
    f2: '18px',
    f3: '20px',
    f4: '27px',
    f5: '34px',
    f6: '41px',
    f7: '48px',
    f8: '68px',
  },
};
