import { vars } from '#/styles/contract.css';

/**
 * color values for `color`, `background`, `borderColor`, and `fill` style properties. exposes the full themed
 * palette plus semantic aliases (`text`, `bg`, `border*`), which resolve to themed CSS variables to support
 * theme inversion.
 */
export const colors = {
	...vars.palette,
	bg: vars.palette.contrast_0,
	borderContrastHigh: vars.palette.contrast_300,
	borderContrastLow: vars.palette.contrast_100,
	borderContrastMedium: vars.palette.contrast_200,
	text: vars.palette.contrast_1000,
	textContrastHigh: vars.palette.contrast_900,
	textContrastLow: vars.palette.contrast_400,
	textContrastMedium: vars.palette.contrast_700,
	textInverted: vars.palette.contrast_0,
	textLink: vars.text.link,
};