const palette = {
  black: '#000000',
  blue: '#1dbeee',
  blueDark30: '#1485a7',
  blueDark75: '#07303c',
  blueLight30: '#61d2f3',
  blueLight75: '#c7effb',
  blueLight90: '#e8f9fd',
  dodgerBlue: '#4568fb',
  green: '#01b39c',
  greenDark15: '#019885',
  greenDark30: '#017d6d',
  greenDark75: '#002d27',
  greenLight30: '#4dcaba',
  greenLight90: '#e6f7f5',
  grey: '#a3a6ac',
  greyDark30: '#727478',
  greyDark45: '#5a5b5f',
  greyDark60: '#414245',
  greyDark75: '#292a2b',
  greyLight45: '#ccced1',
  greyLight60: '#dadbde',
  greyLight75: '#e8e9ea',
  greyLight85: '#f1f2f3',
  greyLight90: '#f6f6f7',
  grotesqueGreen: '#6af293',
  grotesqueGreenDark45: '#3a8551',
  grotesqueGreenLight60: '#c3fad4',
  grotesqueGreenLight75: '#dafce4',
  grotesqueGreenLight90: '#f0fef4',
  orange: '#ffa234',
  orangeDark15: '#d98a2c',
  orangeDark30: '#b37124',
  orangeDark75: '#40290d',
  orangeLight30: '#ffbe71',
  orangeLight75: '#ffe8cc',
  orangeLight90: '#fff6eb',
  pink: '#fe56aa',
  pinkDark15: '#cf4991',
  pinkDark30: '#b23c77',
  pinkDark45: '#8c2f5e',
  pinkDark75: '#40162b',
  pinkLight30: '#fe89c4',
  pinkLight45: '#fea2d0',
  pinkLight75: '#fcd5ea',
  pinkLight90: '#ffeef7',
  purple: '#be83cf',
  red: '#de350b',
  redDark15: '#bd2d09',
  redDark30: '#9b2508',
  redDark75: '#380d03',
  redLight30: '#e87254',
  redLight75: '#f7cdc2',
  redLight90: '#fcebe7',
  smalt: '#003580',
  smaltDark75: '#000d20',
  smaltLight30: '#4d72a6',
  smaltLight45: '#7390b9',
  smaltLight75: '#bfcddf',
  smaltLight90: '#e6ebf2',
  violet: '#7622d7',
  violetDark30: '#531897',
  violetDark45: '#411376',
  violetDark75: '#1e0936',
  violetLight30: '#9f64e3',
  violetLight60: '#c8a7ef',
  violetLight75: '#ddc8f5',
  violetLight90: '#f1e9fb',
  white: '#ffffff',
  yellow: '#fadb14',
  yellowDark75: '#3f3705',
  yellowLight60: '#fdf1a1',
  yellowLight90: '#fffbe8',
};
type CamelColors = keyof typeof palette;

const systemPalette = {
  primary: palette.violet,
  lightPrimary: palette.purple,
  hoverPrimary: palette.violetLight30,
  activePrimary: palette.violetDark30,
  primaryBackground: palette.violetLight75,
  primaryLightBackground: palette.violetLight90,
  primaryNeutralBackground: palette.violetDark30,
  primaryDarkBackground: palette.violetDark45,
  info: palette.dodgerBlue,
  infoBorder: palette.blue,
  infoDarkBackground: palette.blueLight75,
  infoBackground: palette.blueLight90,
  danger: palette.red,
  dangerDark: palette.redDark15,
  hoverDanger: palette.redLight30,
  activeDanger: palette.redDark30,
  dangerDarkBackground: palette.redLight75,
  dangerBackground: palette.redLight90,
  warning: palette.orange,
  warningDark: palette.orangeDark15,
  hoverWarning: palette.orangeLight30,
  activeWarning: palette.orangeDark30,
  warningDarkBackground: palette.orangeLight75,
  warningBackground: palette.orangeLight90,
  success: palette.green,
  successDark: palette.greenDark15,
  hoverSuccess: palette.greenLight30,
  activeSuccess: palette.greenDark30,
  successDarkBackground: palette.grotesqueGreenLight60,
  successBackground: palette.grotesqueGreenLight90,
  error: palette.pink,
  errorDark: palette.pinkDark15,
  hoverError: palette.pinkLight30,
  activeError: palette.pinkDark30,
  errorDarkBackground: palette.pinkLight75,
  errorBackground: palette.pinkLight90,
  link: palette.violet,
  hoverLink: palette.violetLight30,
  activeLink: palette.violetDark30,
  text: palette.black,
  bodyText: palette.greyDark45,
  subduedText: palette.greyDark30,
  disabledText: palette.grey,
  lightText: palette.white,
  defaultBackground: palette.greyLight90,
  defaultLightBackground: palette.white,
  defaultDarkBackground: palette.black,
  defaultGreyBackground: palette.greyLight75,
  defaultDarkGreyBackground: palette.greyLight45,
  neutralBackground: palette.grey,
  neutralLightBackground: palette.greyLight60,
  neutralDarkBackground: palette.greyDark30,
  defaultBorder: palette.greyLight60,
  black: palette.black,
  primaryHeaderBackground: palette.smaltLight90,
  primaryRingBackground: palette.smalt,
  infoHeaderBackground: palette.violetLight60,
};

export { palette, CamelColors, systemPalette };