// @flow
const theme = {
  fontFamily:
    "-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen, Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif",
  monospaceFontFamily: `Menlo, Consolas, 'Liberation Mono', monospace;`,
  fontWeight: 400,

  text: '#171B35',
  link: '#1AB6FF',
  primary: '#1AB6FF',
  placeholder: '#b1becc',
  danger: '#D0021B',
  warning: '#f08a24',
  success: '#1AB6FF',
  info: '#a0d3e8',

  slate: '#9BA6B2',
  slateLight: '#DAE1E9',
  slateDark: '#4E5C6E',

  smoke: '#F4F7FA',
  smokeLight: '#F9FBFC',
  smokeDark: '#E8EBED',

  white: '#FFFFFF',
  blue: '#1AB6FF',
  black: '#000000',
  blackLight: '#2f3336',

  padding: '1.5vw 1.875vw',
  vpadding: '1.5vw',
  hpadding: '1.875vw',
  sidebarWidth: '280px',
  sidebarMinWidth: '250px',
  sidebarMaxWidth: '350px',

  contentHeaderBackground: 'hsl(180, 58%, 85%)',
};

export default theme;
