Design tokens are the semantic layer on top of the raw color palette — they describe purpose rather than value. Always reach for a token over a raw hex code or palette color. Hover a swatch to peek at the underlying value; click the token name to copy it.
Text
Aa
Applies the base body font styles — size, line height, and font
Aa
Applies the monospace base font styles — size, line height, and font