1import * as chroma from "chroma-js";
 2
 3// Colors should use the LCH color space.
 4// https://www.w3.org/TR/css-color-4/#lch-colors
 5
 6const base = {
 7  black: chroma.lch(0, 0, 0),
 8  white: chroma.lch(150, 0, 0),
 9  gray: {
10    light: chroma.lch(96, 0, 0),
11    mid: chroma.lch(55, 0, 0),
12    dark: chroma.lch(10, 0, 0),
13  },
14  red: {
15    light: chroma.lch(96, 4, 31),
16    mid: chroma.lch(55, 77, 31),
17    dark: chroma.lch(10, 24, 31),
18  },
19};
20
21export const black = base.black;
22export const white = base.white;
23
24export const gray = chroma.scale([
25  base.gray.light,
26  base.gray.mid,
27  base.gray.dark,
28]);
29export const red = chroma.scale([base.red.light, base.red.mid, base.red.dark]);