Design tokens are the visual design atoms of a design system — specifically, they are named entities that store visual design attributes like color, spacing, and typography.
The W3C Design Tokens Community Group is standardizing the design token format to enable interoperability between design tools and development platforms.
:root {
--color-primary: #3b82f6;
--color-secondary: #8b5cf6;
--color-accent: #f59e0b;
--color-background: #ffffff;
--color-foreground: #1a1a2e;
}