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

export const tax: PatchworkTheme = {
  name: 'tax',
  // V2 colours
  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': '#26638E',
    'brand-primary-base-hover': '#4D7FA3',
    'brand-primary-fg': '#26638E',
    'brand-primary-fg-hover': '#4D7FA3',
    'brand-primary-bg': '#E8F1FD',
    'brand-primary-bg-hover': '#D9E1EC',

    // Brand colours - secondary
    'brand-secondary-base': '#1A4A6C',
    'brand-secondary-base-hover': '#2F5A79',
    'brand-secondary-fg': '#1A4A6C',
    'brand-secondary-fg-hover': '#2F5A79',
    'brand-secondary-bg': '#E8F1FD',
    'brand-secondary-bg-hover': '#D9E1EC',

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

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

  buttonBorderRadius: '100px',
  buttonSizes: {
    height: {
      sm: '40px',
      md: '48px',
    },
    minWidth: {
      sm: '160px',
      md: '160px',
    },
  },
  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',
  },
};
