Fundações
Tokens
Variáveis fundacionais do sistema. Clique em qualquer token para copiar o CSS variable.
01
Escalas
Visão geral de todas as famílias de tokens. Há 5 escalas no sistema INV.
Backgrounds
Text
Borders
Brand
Semantic
02
Backgrounds
Superfícies de página e componentes. Nunca usar para texto.
03
Text & Icons
Cores de texto e ícones. Sempre sobre superfície de background correspondente.
04
Borders & Focus
Delimitadores de componentes e foco de acessibilidade.
05
Brand
Paleta de identidade INV. Cada cor tem propósito semântico definido — não intercambiáveis.
06
Semantic Aliases
Aliases de alta abstração para uso em componentes. Mapeiam para brand tokens e mudam com o tema.