Paleta de cores
A paleta oficial da Verone Cloud é dark-first, com um roxo primário como acento. Os valores abaixo são os mesmos usados em produção — copie e use exatamente como estão.
Marca
Os três tons de roxo têm papéis diferentes — não são intercambiáveis.
Brand
--color-brand
Roxo primário da marca. Botões principais, links, destaques.
Brand Bright
--color-brand-bright
Hover, glow e links no fundo escuro — nunca como cor de base.
Brand Deep
--color-brand-deep
Índigo profundo. Texto do logotipo na versão light.
Fundo e texto
Background
--color-bg
Fundo base — quase-preto com viés violeta.
Background Raised
--color-bg-raised
Seções elevadas sobre o fundo base.
Background Card
--color-bg-card
Fundo de cards e blocos de conteúdo.
Text Main
--color-text-main
Texto principal, títulos.
Text Muted
--color-text-muted
Texto secundário, descrições.
Text Faint
--color-text-faint
Labels mono, legendas, texto de apoio.
Estado
Ok
--color-ok
Status positivo — sistemas operacionais, sucesso.
Warn
--color-warn
Alertas e avisos importantes.
Danger
--color-danger
Erros, ações destrutivas.
O que não fazer
Trocar o roxo da marca por outro tom de violeta
Usar preto puro (#000000) no lugar do fundo oficial
Aplicar cor de estado (ok/warn/danger) como cor decorativa
Reduzir o contraste texto/fundo abaixo do recomendado por WCAG 2.2 AA