Foundation
Design Tokens
Design tokens are the single source of truth for every visual decision in the design system.
Token Library
Available Tokens
All design decisions originate from reusable token groups.
Token Reference
Colors
--primary--primary-dark--primary-light--surface--background--border
Typography
--font-family--font-size-base--line-height--font-weight
Spacing
--space-1--space-2--space-3--space-4--space-5
Radius
--radius-sm--radius-md--radius-lg--radius-xl
Elevation
--shadow-sm--shadow-md--shadow-lg
Motion
--duration-fast--duration-normal--duration-slow