Themes and fonts without fifty shades of almost

Concept

A theme groups visual decisions. Design tokens name shared colors, spacing, and typography; font choice is only one part.

Example

A card uses surface and text tokens. Changing those shared values changes its theme without rewriting the card.

When to choose it

System fonts vary by device; self-hosted fonts add consistency, downloads, and licensing work. Dark mode needs separate contrast checks. Keep role-based colors, readable text, visible focus, and saved theme choice. Check actual backgrounds, not color names. MDN · W3C