// ----------------
// TO BE DEPRECATED
// ----------------
// These definitions support legacy styled-component styles and are to be deprecated in favor of Sass.
// Please see the new Sass entry point: ./src/styles.scss

var COLORS = {
  superLightGray: '#f9fafb',
  darkGray: '#152935',
  darkGrayHover: '#2d3f48',
  gray: '#5a6872',
  lightGrey: '#dfe3e6',
  blue: '#3d70b2',
  lightBlue: 'rgba(85, 150, 230, 0.1)',
  errorRed: '#e62325',
  okayGreen: '#5aa700',
  white: '#fff',
  gray100: '#171717',
  gray80: '#3d3d3d',
  gray80hover: '#4c4c4c',
  gray70: '#565656',
  gray20: '#dcdcdc',
  gray20hover: '#cacaca',
  gray10: '#f3f3f3',
  gray10hover: '#e5e5e5',
  blue60: '#0062ff',
  navToggle: '#282828',
  purple: '#8A3FFC',
  teal: '#009C98',
  magenta: '#EE538B',
  cyan: '#0072C3'
};
var PADDING = {
  verticalPadding: '1rem',
  horizontalWrapPadding: '1rem'
};
var SIZES = {
  navigationBarHeight: '3rem'
};

export { COLORS, PADDING, SIZES };
