<aside> 💡

Generado por Notion IA

</aside>

El sistema usa una arquitectura de tokens en capas con múltiples colecciones que construyen desde primitivos hasta tokens semánticos, permitiendo tematización flexible, comportamiento responsivo y soporte multi-marca.

Colecciones de Tokens

1. base (Primitivos)

Capa fundacional que define valores crudos que otros tokens referencian.

Paletas de color:

• Colores de marca nombrados según frutas/plantas: avocado, orange, blueberry, raspberry, agave, lime
• Cada paleta interpolada de 5 a 90 (5, 10, 20, 30...90) usando espacio de color oklab para contraste consistente y predecible
• Escala neutral para grises

Escala de espaciado:

• Sistema de grilla de 4pt: 0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96, 128
• Referenciado como size/[valor] (ej., size/8, size/16)

2. theme (Capa de Marca)

Mapea significado semántico a colores de marca, habilitando soporte multi-marca.

Colores semánticos definidos:

• accent
• info
• success
• warning