Cores do Sistema
Tokens oficiais do design system C — Gestão para Transportadoras.
Marca
Cores fundamentais da identidade visual.
Cor primária — azul-marinho usado em headers, gradientes e CTAs
Cor secundária — cyan vibrante usado no logo, focus e destaques
Gradiente oficial de headers
Azul derivado para links e textos de ação
Estado pressed de elementos interativos
Semânticas
Base neutra para superfícies, texto e bordas.
Texto
Cor principal para títulos e textos importantes
Labels de formulário em UPPERCASE
Texto descritivo e subtítulos
Alias usado em ícones de input
Superfícies
Fundo principal da aplicação
Fundo de cards e folhas (sheets)
Divisores e linhas sutis
Campos (Inputs)
Borda padrão de inputs
Fundo padrão de inputs
Borda do input em estado focus (usa --brand-secondary)
Fundo de input desabilitado
Borda de input desabilitado
Feedback
Cores de estado para confirmações, alertas e erros.
Verde de sucesso (frete recebido)
Fundo suave para alertas de sucesso
Laranja de atenção (recebimento atrasado)
Fundo suave para alertas de atenção
Vermelho de erro (viagem sem CIOT)
Fundo suave para alertas críticos
Apoio
Cores decorativas de interface que não se encaixam em outras categorias.
Verde-água do botão flutuante (FAB) de ação principal