import { colors } from '@dvn/alaca/theme/colors';
export const light = {
  colorPrimary: '#AF0020',
  colorPrimaryLight: '#ef002a',
  colorPrimaryLightest: '#ef002a',
  colorSecondary: '#01BD9C',
  colorSecondaryLight: '#01ebc6',
  colorSecondaryLightest: '#ddfaf5',
  colorDanger: colors.danger,
  colorDangerLight: colors.dangerLight,
  colorDangerLightest: colors.dangerLightest,
  colorWarning: colors.warning,
  colorWarningLight: colors.warningLight,
  colorWarningLightest: colors.warningLightest,
  colorNeutral: colors.neutral,
  colorNeutralLight: colors.neutralLight,
  colorNeutralLightest: colors.neutralLightest,
  colorDisabled: colors.grey200,
  fontFamily: 'Red Hat Text',
  fontFamilyTitle: 'Red Hat Text',
  fontFamilySrc: 'https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&subset=latin-ext',
  lineHeight: '1.4em',
  colorLink: colors.blue,
  colorLinkHover: colors.blueLight,
  colorText: '#485460',
  colorTextTitle: '#1e272e',
  colorTextSecondary: '#8e9ca9',
  colorBackgroundPrimary: '#EDEDED',
  colorBackgroundSecondary: '#ffffff',
  colorElevatedItemBackground: '#ffffff',
  colorElevatedItemShadow: '0, 0, 0',
  colorTooltipBackground: '#485460',
  colorTooltipTextColor: '#f5f6fa',
  colorHighlightedCodeBackground: '#485460',
  cornerRadius: '6px',
  colorBorder: '#e8e9ed',
  colorBorderSecondary: '#f5f6fa',
  spacingUnit: '4px',
  datePicker: {
    bodyHeight: '180px',
  }
};
