Design tokens are named values that both designers and developers reference. Change a token once, update everywhere.
Token Categories
- Color — color-primary-500, color-neutral-100
- Spacing — space-sm, space-md, space-lg
- Typography — font-size-body, font-weight-bold
- Border — radius-sm, radius-full
:root {
--color-primary: #0d9488;
--space-md: 16px;
--font-size-body: 1rem;
}