System
The anchors, one per hue, plus the two ends of the page. Everything else the stylesheet declares points at one of these or at a step of the ramps below: 44 of its 45 color tokens are the registry's, name and value, so that list is a lookup table and the registry's to document. Only --brand-1is this site's own.
The canvas, the text on it, and the neutral ramp both are cut from.
--backgroundoklch(0.9725 0.0018 17.53)
darkoklch(0.1168 0.0026 17.53)
--foregroundoklch(0.1651 0.0025 17.53)
darkoklch(0.9725 0.0018 17.53)
Accent is the interactive color: links, focus, selected states, the default Button. Brand 1 is identity rather than interaction, so it never paints a control.
--accentoklch(0.5499 0.2489 262.31)
--brand-1oklch(0.7413 0.1712 306.54)
Signals, not decoration. Each one carries a full ramp so a state has quiet and loud registers rather than one shout.
--destructiveoklch(0.6848 0.2087 37.85)
--warningoklch(0.8181 0.1663 87.4)
darkoklch(0.8462 0.1377 87.4)
--successoklch(0.6446 0.1557 154.2)
The same three roles, opened up. All six ramps are declared by mdv8: the kit ships its own as literals on the --color-* aliases, and this site redirects those aliases at its scales. So a ramp is the thing to retune when a color is wrong everywhere rather than in one place.
--neutral-*--accent-*--brand-1-*--destructive-*--warning-*--success-*