enum ColorNames {
  TextPrimary = 'text-primary',
  TextSecondary = 'text-secondary',
  TextAccent = 'text-accent',
  TextLink = 'text-link',
  TextLight = 'text-light',
  BackgroundPrimary = 'background-primary',
  BackgroundSecondary = 'background-secondary',
  BackgroundSecondaryDark = 'background-secondary-dark',
  BackgroundTertiary = 'background-tertiary',
  BackgroundDark = 'background-dark',
  BackgroundLight = 'background-light',
  BackgroundSaturated = 'background-saturated',
  BorderLight = 'border-light',
  BorderMedium = 'border-medium',
  BorderDark = 'border-dark',
  BorderOutline = 'border-outline',
  AccentPrimary = 'accent-primary',
  AccentSecondary = 'accent-secondary',
}

type ColorMapping = {
  [key in ColorNames]: string;
};

const colorVar = (color: ColorNames): string => `var(--spiffy-colors-${color})`;
export { ColorNames, colorVar };
export type { ColorMapping };
