module.exports = {
  colors: {
    white: '#fff',
    black: '#000',
    lightestGray: '#E6E6E6',
    lighterGray: '#F7F8F8',
    lightGray: '#F6F6F6',
    lightishGray: '#51555D',
    gray: '#313D3E',
    darkGray: '#2F3132',
    darkerGray: '#1E1F21',
    blueGray: '#BCC2CE',
    lightGreen: '#97bf2f',
    green: '#C9FA4B',
    darkGreen: '#7CA511',
    darkerGreen: '#628013',
    shadeBlue: '#EFF0F4',
    blue: '#3A69C7',
  },
  fontWeight: {
    thin: 100,
    light: 300,
    regular: 400,
    semibold: 500,
    bold: 700,
    black: 900,
  },
  fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
  fontsize: ['10px', '12px', '14px', '16px', '18px', '24px', '32px', '42px', '64px'],
  lineHeight: [1, 1.3, 1.7],
  space: [0, '4px', '8px', '16px', '24px', '40px', '64px', '104px', '152px'],
  radii: [0, '4px', '8px'],
  breakpoints: [480, 768, 960, 1200, 1280],
  zIndexes: {
    header: 100,
  },
};