Picking a theme swaps a real override file onto this page — the same single :root block a consuming product ships as its theme.css. The aurora / vermeil / nocturne brands are fictional examples of the pattern; qazana is the umbrella brand. Hover, focus and switch schemes to judge a brand for real.
One foundation, every product — themed by —.
Body text rides the theme's --body face. Semantic tokens drive every fill, ring and border below, so one override file re-brands all of it — including this paragraph's link color.
--primary: —; --display: —;
We override a handful of tokens and the whole library reads as ours.
color-scheme follows the scheme, so scrollbars and form internals match.