Primitive design tokens forming the foundation of the design system.
Includes mathematical ratios, modular scales, spacing system, and animation curves.
All tokens use CSS custom properties for runtime customization.

Examples

:root {
--font-ratio: var(--ratio-silver);
--space: 1rlh;
--scale-l: calc(1rem * 1.414);
}

See Also

Source: /Users/francisfontaine/Documents/GitHub/Standard/src/styles/standard-01-token.scss