// if you change these you must restart the server
module.exports = {
// colors
lightestGrey: '#E6E6E6',
lighterGrey: '#F7F8F8',
lightGrey: '#F6F6F6',
lightishGrey: '#51555D',
grey: '#313D3E',
darkGrey: '#2F3132',
darkerGrey: '#1C1E1E',
blueGrey: '#9AA1AE',
lightGreen: '#97bf2f',
green: '#C9FA4B',
darkGreen: '#7CA511',
shadeBlue: '#EFF0F4',
blue: '#3A69C7',
// typography
thin: 100,
light: 300,
regular: 400,
semibold: 500,
bold: 700,
black: 900,
// fonts
roboto: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
// padding
micro: '8px',
tiny: '16px',
small: '24px',
medium: '40px',
large: '64px',
xl: '104px',
xxl: '168px',
// border radius
borderRadius: '4px',
largeBorderRadius: '8px',
// responsive breakpoints
mobile: '480px',
tablet: '768px',
desktop: '960px',
display: '1200px'
}
