// @flow

export const size = {
  tiny: '2px',
  small: '4px',
  medium: '8px',
  large: '16px',
  huge: '24px',
  enormous: '32px',
};

export const fontSize = {
  small: '14px',
  medium: '16px',
  large: '18px',
  huge: '24px',
};

export const fontWeight = {
  ultraLight: 100,
  thin: 200,
  light: 300,
  regular: 400,
  medium: 500,
  demiBold: 600,
  bold: 700,
  heavy: 800,
};

export const color = {
  /* Brand */
  primary: '#73DF7B',

  /* Dark Grays */
  slate: '#9BA6B2',
  slateLight: '#DAE1E9',
  slateDark: '#4E5C6E',

  /* Light Grays */
  smoke: '#F4F7FA',
  smokeLight: '#F9FBFC',

  /* Misc */
  white: '#FFFFFF',
  black: '#000000',
};