Design tokens

Foundations

Core design decisions: colors and typography. These tokens are defined in the theme and used by all components.

Design tokens for background, foreground, primary, charts, and more. Use these tokens for consistent theming and dark mode.

Type scale, font families, and text styles used across the design system.