Todo o visual do sistema é dark navy premium com acentos coloridos por contexto. Os tokens abaixo vivem em public/css/prodmais-elegant.css (bloco :root).
Cor base (fundo de hero/seções escuras)
#070d1fbase navy
#0d1b4anavy mid
#0a1535navy deep
Acentos por contexto
#1a56dbazul — busca/institucional
#4f46e5índigo — admin/LGPD
#059669verde — projetos/termos
#7c3aedroxo — ciência/saúde
#d97706âmbar — avisos
Escala de cinza (texto e superfícies claras)
gray-50
gray-100
gray-200
gray-400
gray-700
gray-900
Tipografia
Inter 900 — títulos de hero
Inter 800 — títulos de card / h2
Inter 600 — labels, botões
Inter 400 — corpo de texto, parágrafos
JetBrains Mono — código, IDs, valores técnicos
Espaçamento e raio
| Token | Valor | Uso |
|---|---|---|
--radius-md | 10–12px | botões, inputs |
--radius-lg | 14–16px | cards de conteúdo |
--radius-xl | 18–22px | cards de destaque, painéis |
| sombra padrão | 0 2px 12px rgba(0,0,0,.06) | cards em repouso |
| sombra hover | 0 12px 32px rgba(0,0,0,.15) | cards interativos (não usar em cards de texto estático) |