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

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

    // Greys
    'greyscale-black': '#333333',
    'greyscale-darker': '#737373',
    'greyscale-dark': '#8c8c8c',
    'greyscale-medium': '#bfbfbf',
    'greyscale-light': '#e6e6e6',

    // Brand colours - primary
    'brand-primary-base': '#b347b3',
    'brand-primary-dark': '#993d99',
    'brand-primary-fg': '#662966',
    'brand-primary-bg': '#fff2ff',

    // Brand colours - secondary
    'brand-secondary-base': '#3689b3',
    'brand-secondary-dark': '#2e7599',
    'brand-secondary-fg': '#1f4e66',
    'brand-secondary-bg': '#e6f7ff',

    // Flash messages
    'error-fg': '#e62e2e',
    'error-bg': '#ffe6e6',
    'success-fg': '#2a8000',
    'success-bg': '#def2da',
    'info-fg': '#cc8f14',
    'info-bg': '#fff7e6',

    // Auxiliary colours
    'aux-1': '#fff2ff',
    'aux-2': '#b347b3',
    'aux-3': '#993d99',
    'aux-4': '#662966',
  },
  buttonBorderRadius: '3px',
  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',
  },
};
