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

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

const colorVar = (color: ColorNames): string => `var(--envive-colors-${color})`;

export { colorVar, ColorNames };
export type { ColorMappingV3 };
