Colors

Colour flows in three tiers — primitive oklch palettes per theme, semantic aliases derived from them, and components that consume only the semantic layer. Switch the book theme (top-left) and the semantic swatches below re-tone.

Semantic tokens

What code references (never the raw primitives):

surface-1
surface-2
surface-3
text-1
text-2
text-muted
border-subtle
border-strong
brand
focus-ring
selected-tint
hover-tint

Theme palettes

All nine primitive palettes, colour-accurate (oklch copied verbatim from source):