/* ============================================================
   Conecta Benefícios — Override de branding (Onda 1.1)
   Carregado APÓS style.css. Não edita o style.css original.
   A paleta anunciada aqui era a de um cliente. Ver o bloco :root abaixo.
   ============================================================ */


/* ESTE BLOCO FIXAVA A COR DE UM CLIENTE COMO PADRAO DA PLATAFORMA.
   Os dois valores que estavam aqui sao a primaria e a secundaria de tenants
   reais. Enquanto
   estiveram aqui, todo tenant partia da identidade de outro — e quem nao
   declarasse cor ficava com ela para sempre. A plataforma tem paleta propria
   (`--accent:#E8640A` e o navy Conecta em style.css); e dela que o default
   sai. A cor do cliente entra por `aplicarCoresDoTenant()`, que escreve no
   `style` do elemento raiz — e estilo inline vence folha. */
:root {
  /* Aliases historicos, agora apontando para a paleta da plataforma. */
  --color-primary: var(--cn-navy-800);
  --color-accent:  var(--accent);
  --color-orange:  var(--accent);
  --primary:       var(--cn-navy-800);
}

body {
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

/* AÇÃO — pelos tokens, nunca por literal.
   Estas quatro regras fixavam a cor de acao num literal com `!important`, e
   como esta folha carrega DEPOIS de style.css elas venciam qualquer coisa.
   O efeito media-se na tela: numa entidade cujo accent e dourado, o botao
   continuava ambar — a cor de OUTRO cliente, servida como se fosse a dela. O texto tambem era fixo, entao o contraste era sorte, nao decisao.
   Agora o fundo e `--action` (o accent vivo do tenant) e o texto e
   `--on-action`, escolhido entre navy e branco por contraste em
   `aplicarCoresDoTenant()`. */
.btn-primary,
.btn-continuar,
.btn-cta,
button[type=submit] {
  background: var(--action) !important;
  color: var(--on-action) !important;
  border-color: var(--action) !important;
}

/* Link: navy da plataforma com o sublinhado na cor do tenant. O hover trocava
   a COR do texto pelo ambar — laranja sobre branco nao passa AA em tamanho de
   corpo, entao o que muda no hover e o sublinhado. */
a       { color: var(--cn-navy-800); }
a:hover { color: var(--cn-navy-800); text-decoration-color: var(--accent); }
.brand-logo-img { max-width: 240px; height: auto; object-fit: contain; }