import { defaultMobilePalette as palette } from '@hero-design/colors';
import type { GlobalSystemPalette } from './types';

const globalPalette: GlobalSystemPalette = {
  // Updated 21 / Nov / 22
  // Surfaces
  defaultGlobalSurface: palette.white,
  onDefaultGlobalSurface: palette.maasstrichtBlue,
  neutralGlobalSurface: palette.greyLight90,
  mutedOnDefaultGlobalSurface: palette.maasstrichtBlueLight30,
  inactiveOnDefaultGlobalSurface: palette.maasstrichtBlueLight50,
  disabledOnDefaultGlobalSurface: palette.greyLight30,
  darkGlobalSurface: palette.maasstrichtBlue,
  onDarkGlobalSurface: palette.white,
  overlayGlobalSurface: palette.black,

  // Outlines
  primaryOutline: palette.maasstrichtBlue,
  secondaryOutline: palette.greyLight75,
  inactiveOutline: palette.maasstrichtBlueLight50,
  disabledOutline: palette.greyLight30,

  // Accents
  error: palette.pastelRed,
  mutedError: palette.pastelRedLight20,
  errorSurface: palette.linen,
  onErrorSurface: palette.amaranthaRed,

  warning: palette.mellowApricot,
  mutedWarning: palette.mellowApricotLight20,
  warningSurface: palette.seashell,
  onWarningSurface: palette.orangeBrown,

  success: palette.emerald,
  mutedSuccess: palette.emeraldLight20,
  successSurface: palette.honeydew,
  onSuccessSurface: palette.pineGreen,

  info: palette.vodka,
  mutedInfo: palette.vodkaLight20,
  infoSurface: palette.aliceBlue,
  onInfoSurface: palette.gentianFlower,

  archived: palette.silverChalice,
  mutedArchived: palette.silverChaliceLight20,
  archivedSurface: palette.cumberlandFog,
  onArchivedSurface: palette.windsorGrey,
  // End of Updated 21 / Nov / 22

  black: '#000000',
  white: '#ffffff',
};

export default globalPalette;