export const theme = {
  bg: {
    wash: '#F6F7F8',
    default: '#FFF',
  },
  border: {
    default: '#D6DCE7',
    active: '#C9CED8',
  },
  text: {
    default: '#000',
    secondary: '#212325',
    tertiary: '#5C6166',
    placeholder: '#91989F',
  },
  brand: {
    default: '#067AE4',
    alt: '#0684F8',
  },
  social: {
    facebook: '#3B5998',
    twitter: '#00ACED',
  },
  success: {
    default: '#21BE7C',
  },
  warn: {
    default: '#B00A0A',
  },
  spectrum: {
    default: '#4400CC',
    alt: '#7B16FF',
  },
  shadows: {
    default: '0 1px 2px rgba(0,0,0,0.08)',
    hover: '0 12px 32px rgba(0,0,0,0.10)',
    active: '0 6px 20px rgba(0,0,0,0.09)',
    button: '0 4px 12px rgba(0,0,0,0.08)',
  },
  animations: {
    default: '0.15s ease-out',
    hover: '0.15s ease-in',
    active: '0.15s ease-in-out',
  },
};