Tokens
Every value the system paints with. Each swatch prints what the browser actually computed, so the hexes change as you switch brand or theme.
Switch the brand in the header. These four move; nothing below them does.
Cream and warm white on paper; charcoal and the four-step titanium ramp in the dark.
Never pure black on cream, never pure white on charcoal. Tertiary is for disabled and hint text only — it is below 4.5:1 by design.
A state, never the brand. The accent says 'this is the subject'; these say what happened.
Zebra at 1.04:1 is a reading aid, not a decoration. Selection adds a 3px bar because colour alone cannot carry a state at 1.28:1.
Six on controls, eight on containers, sixteen where a card is a big clickable object, full on a pill. These are the resolved values, read off the rendered page — a comment in the source claims eight and ten, and the browser disagrees with it.
A resting surface is a line, not a shadow. Three tiers, and most things use none of them.
The complete list — every declared property with its value and scope — is in Documentation, under “Token reference”. It is generated from the stylesheets, so it cannot go stale.