Text

Warm Off-Whites for Text Hierarchy

01 Preview

02 Rule

text hierarchy by warmth: body → secondary → faint. Faint is for micro-labels only, never long reading.

03 Tokens

Token	Value
--paper-0	`#ece7db`
--paper-1	`#c9c3b4`
--paper-2	`#a39d8e`
--paper-3	`#837d6d`
--text-body	`var(--paper-0)`
--text-secondary	`var(--paper-2)`
--text-faint	`var(--paper-3)`
--text-label	`var(--paper-3)`
--text-accent	`var(--amber-2)`
--text-on-accent	`var(--amber-ink)`

The tokens this card covers, from src/tokens/colors.css. Use these via var(--name) rather than literal values — npm run lint enforces it wherever a token holds the value.