| /** | |
| * Chart color roles, referenced as CSS custom properties so that light/dark | |
| * swap happens in one place (styles.css) rather than in JS. | |
| * | |
| * Values come from the validated reference palette and were re-checked with the | |
| * palette validator for both modes: all checks pass. Light-mode aqua carries a | |
| * sub-3:1 contrast WARN, which is why every series in this app is | |
| * direct-labeled rather than identified by color alone. | |
| */ | |
| export const SERIES = { | |
| /** slot 1 - measured quantities */ | |
| measured: "var(--series-1)", | |
| /** slot 2 - predicted / theoretical quantities */ | |
| predicted: "var(--series-2)", | |
| /** slot 3 - used sparingly, never as the only cue */ | |
| third: "var(--series-3)", | |
| } as const; | |
| export const TOKEN_STATE = { | |
| accepted: "var(--status-good)", | |
| rejected: "var(--status-critical)", | |
| bonus: "var(--status-warning)", | |
| } as const; | |
| export const INK = { | |
| primary: "var(--text-primary)", | |
| secondary: "var(--text-secondary)", | |
| muted: "var(--text-muted)", | |
| grid: "var(--gridline)", | |
| axis: "var(--axis)", | |
| surface: "var(--surface-1)", | |
| } as const; | |