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

export const atlas: PatchworkTheme = {
  name: 'atlas',
  // V2 colours
  colorPalette: {
    // Backgrounds
    white: '#ffffff',
    background: '#ebf0f6',

    // Greys
    'greyscale-black': '#000000',
    'greyscale-dark': '#3E3E3F',
    'greyscale-medium': '#8A8A8A',
    'greyscale-light': '#E4E4E5',

    // Brand colours - primary
    'brand-primary-base': '#5267D6',
    'brand-primary-base-hover': '#4F60BA',
    'brand-primary-fg': '#283CA8',
    'brand-primary-fg-hover': '#3C4EB0',
    'brand-primary-bg': '#EBF0F6',
    'brand-primary-bg-hover': '#DBE0E5',

    // Brand colours - secondary
    'brand-secondary-base': '#5267D6',
    'brand-secondary-base-hover': '#4F60BA',
    'brand-secondary-fg': '#283CA8',
    'brand-secondary-fg-hover': '#3C4EB0',
    'brand-secondary-bg': '#EBF0F6',
    'brand-secondary-bg-hover': '#DBE0E5',

    // Flash messages
    'error-fg': '#BF0711',
    'error-bg': '#FBEAE5',
    'success-fg': '#0D6837',
    'success-bg': '#E3F1DF',
    'info-fg': '#084E8A',
    'info-bg': '#EBF5FA',

    // Auxiliary colours
    'aux-1': '#CAD0F2',
    'aux-2': '#8A6116',
    'aux-3': '#FCF1CD',
    'aux-4': '#1E2C46',
  },

  buttonBorderRadius: '3px',
  buttonSizes: {
    height: {
      sm: '30px',
      md: '44px',
    },
    minWidth: {
      sm: '75px',
      md: '120px',
    },
  },
  cardBorderRadius: '5px',
  spacing: {
    s1: '7px',
    s2: '14px',
    s3: '21px',
    s4: '28px',
    s5: '35px',
    s6: '42px',
    s7: '49px',
  },
  fonts: {
    sans: "'OpenSans', 'Helvetica', sans-serif",
  },
  typescale: {
    f0: '12px',
    f1: '14px',
    f2: '16px',
    f3: '18px',
    f4: '20px',
    f5: '27px',
    f6: '34px',
    f7: '41px',
    f8: '48px',
  },

  defaultTextColor: 'greyscale-black',
};
