/**
 * Styleguide Colors
 */
export const Colors = {
  white: '#ffffff',
  black: '#000000',
  background: '#F5F5F5',
  border: '#EEEEEE',
  light: '#CCCCCC',
  mid: '#949494',
  weak: '#757575',
  text: '#333333',
  primary: {
    10: '#EBF1FD',
    100: '#1879BF',
  },
  success: {
    100: '#008558',
  },
  warning: {
    100: '#FF8F1F',
  },
  danger: {
    100: '#E60013',
  },
  overlays: {
    24: 'rgba(0, 0, 0, 0.24)',
    40: 'rgba(0, 0, 0, 0.4)',
    48: 'rgba(0, 0, 0, 0.48)',
    56: 'rgba(0, 0, 0, 0.56)',
    72: 'rgba(0, 0, 0, 0.72)',
  },
};