Design-Tokens sind die kleinsten Bausteine eines Designsystems — benannte Einheiten, die Gestaltungswerte wie Farbe, Abstand und Typografie speichern.
Die W3C Design Tokens Community Group standardisiert das Token-Format, um Designwerkzeuge und Entwicklungsplattformen interoperabel zu machen.
:root {
--color-primary: #3b82f6;
--color-secondary: #8b5cf6;
--color-accent: #f59e0b;
--color-background: #ffffff;
--color-foreground: #1a1a2e;
}