Los tokens de diseño son los átomos visuales de un sistema de diseño — específicamente, son entidades con nombre que almacenan atributos de diseño visual como color, espaciado y tipografía.
El Grupo Comunitario de Tokens de Diseño del W3C está estandarizando el formato de tokens de diseño para permitir la interoperabilidad entre herramientas de diseño y plataformas de desarrollo.
:root {
--color-primary: #3b82f6;
--color-secondary: #8b5cf6;
--color-accent: #f59e0b;
--color-background: #ffffff;
--color-foreground: #1a1a2e;
}