Semantic color roles

Use roles, not raw palette names. Toggle the document's data-mode to review dark mode.

Canvas--bg

Base surface--surface

Recessed surface--surface-warm

Default text--fg

Subtle text--muted

Hairline--border-soft

Brand action--accent

Success--success

Warning--warn

Danger--danger