Tokens
Sistema de tokens
Três camadas: primitive (valores brutos), semantic (intenção de uso) e component (escopo de UI). Suporte a light e dark mode.
Camadas
Da esquerda para a direita: mais concreto → mais contextual.
Primitive
roxo-600 = #7d0085, neutro-100 = #ebebeb, espaco-md = 16px
Semantic
--primary, --background, --muted-foreground, --border
Component
--button-primary-bg, --card-shadow, --input-border
Tokens previstos
Próximos a serem documentados.
- Color · semantic (primary, surface, text)
- Spacing scale
- Radius scale
- Shadow / elevation
- Z-index layers
- Motion durations & easings
- Dark mode mapping