export const breakpoints = {
  PHABLET: '32em',
  TABLET: '48em',
  PC: '64em',
  WIDESCREEN: '80em',
};

export const theme = {
  colors: {
    white: '#ffffff',
    lightestGrey: '#f8f8f8',
    lightGrey: '#f1f1f1',
    darkGrey: '#e9e9e9',
    black: '#333333',
    aqua: '#00ffff',
    blue: '#204dff',
    fushia: '#d630ff',
    lightFushia: '#e683ff',
    red: '#ff0000',
    yellow: '#fdfb00',
  },
  breakpoints: [breakpoints.PHABLET, breakpoints.TABLET, breakpoints.PC, breakpoints.WIDESCREEN],
  space: [0, 5, 10, 20, 30, 40, 60, 80],
};

