Branco
--neutral-bw-white
Design system
Cores
Variáveis canónicas definidas em src/styles/global.css (@theme). As utilities Tailwind (bg-main-ciano-400, etc.) mapeiam para --color-* com o mesmo nome de escala.
Neutros
Preto
--neutral-bw-black
Tokens semânticos (UI)
Usados por componentes shadcn (gráficos, tooltips). Herdam da paleta principal.
--color-backgroundFundo base (cartões, superfícies claras)
--color-foregroundTexto principal em superfícies claras
--color-mutedSuperfície atenuada
--color-muted-foregroundTexto secundário atenuado
--color-borderContornos e separadores
--color-cardFundo de cartão
--color-card-foregroundTexto sobre cartão
Main · Cinza
100
--main-cinza-100
200
--main-cinza-200
300
--main-cinza-300
400
--main-cinza-400
500
--main-cinza-500
600
--main-cinza-600
700
--main-cinza-700
Main · Ciano
100
--main-ciano-100
200
--main-ciano-200
300
--main-ciano-300
400
--main-ciano-400
500
--main-ciano-500
600
--main-ciano-600
700
--main-ciano-700
Main · Teal
100
--main-teal-100
200
--main-teal-200
300
--main-teal-300
400
--main-teal-400
500
--main-teal-500
600
--main-teal-600
700
--main-teal-700
Main · Botânico
100
--main-botnico-100
200
--main-botnico-200
300
--main-botnico-300
400
--main-botnico-400
500
--main-botnico-500
600
--main-botnico-600
700
--main-botnico-700
Main · Laranja
100
--main-laranja-100
200
--main-laranja-200
300
--main-laranja-300
400
--main-laranja-400
500
--main-laranja-500
600
--main-laranja-600
700
--main-laranja-700
Monochrome · Light
100
--monochrome-light-100
200
--monochrome-light-200
300
--monochrome-light-300
400
--monochrome-light-400
500
--monochrome-light-500
600
--monochrome-light-600
Monochrome · Grey
100
--monochrome-grey-100
200
--monochrome-grey-200
300
--monochrome-grey-300
400
--monochrome-grey-400
500
--monochrome-grey-500
600
--monochrome-grey-600
Monochrome · Dark
100
--monochrome-dark-100
200
--monochrome-dark-200
300
--monochrome-dark-300
400
--monochrome-dark-400
500
--monochrome-dark-500
600
--monochrome-dark-600