/* ============================================================
   BASE — a fonte única dos valores de marca

   POR QUE ESTE ARQUIVO EXISTE, E POR QUE ELE É PEQUENO

   A tarefa original era "extrair o CSS duplicado para uma folha compartilhada".
   Medindo antes de mover, a premissa não se sustentou: das 794 regras nas 8
   páginas, apenas **7 são byte-idênticas**, somando 534 bytes de economia. O que
   *parece* duplicado não é — `:root` tem 7 corpos diferentes, `body` tem 6,
   `.card` tem 4. As páginas compartilham NOMES de classe, não regras.

   Extrair 534 bytes ao custo de uma requisição bloqueante em `funil.html` --
   a página que o interessado abre no celular, muitas vezes em 3G -- seria um
   mau negócio.

   Mas a medição achou o defeito de verdade, que era o oposto do previsto: TRÊS
   valores de marca DIVERGIAM entre as páginas.

     --card        `#fff` em 7 páginas, `#ffffff` em 1     (mesma cor, cosmético)
     --shadow      três variantes, uma delas mais clara
     --text-muted  `#718096` em 6 páginas, `#5a6b80` em 2

   E o último não é cosmético. Contraste sobre o fundo da aplicação (`#f7f9fc`):

     #718096  ->  3,81:1   REPROVA no WCAG AA (mínimo 4,5:1)
     #5a6b80  ->  5,17:1   passa

   Ou seja: o texto secundário de seis páginas -- incluindo o funil, que é lido no
   celular por quem está com um problema jurídico -- estava abaixo do contraste
   mínimo. O valor canônico é o que passa.

   COMO ESTE ARQUIVO É USADO

   As três telas internas (Atendimento, Ajustes, Plataforma) carregam este
   arquivo: elas já buscam cinco scripts, então uma folha a mais não muda nada.

   As páginas públicas -- funil, landing, cadastro, acompanhamento, senha --
   mantêm os valores embutidos, para não pagar uma requisição bloqueante. O que
   impede a divergência de voltar nelas NÃO é este arquivo: é a suíte
   `teste_css.js`, que lê este arquivo como referência e falha se qualquer página
   declarar um valor diferente. A cópia embutida é segura porque é conferida.

   Ao mudar um valor aqui, rodar a suíte: ela dirá exatamente quais páginas
   ficaram para trás.
   ============================================================ */

:root {
  /* marca */
  --primary: #1a3a5c;
  --primary-light: #2c5282;
  --accent: #c9a227;

  /* superfícies */
  --bg: #f7f9fc;
  --card: #fff;
  --border: #e2e8f0;

  /* texto */
  --text: #1a202c;
  /* 5,17:1 sobre --bg. O valor anterior, #718096, dava 3,81:1 e reprovava. */
  --text-muted: #5a6b80;

  /* estados */
  --success: #276749;
  --success-bg: #f0fff4;
  --danger: #c53030;
  --danger-bg: #fff5f5;
  --warning: #b24a1c;
  --warning-bg: #fffaf0;
  --info: #2b6cb0;
  --info-bg: #ebf8ff;

  --shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
}

/* As 7 regras que eram byte-idênticas entre páginas. Ficam aqui não pela
   economia -- são 534 bytes -- mas para que "o mesmo nome signifique a mesma
   coisa" tenha um lugar onde ser verdade. */
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.stat{background:var(--card);border-radius:12px;padding:13px;box-shadow:var(--shadow);text-align:center}
.stat .num{font-size:1.5rem;font-weight:700;color:var(--primary)}
.btn-a{background:var(--border);color:var(--text);border:none}
.btn-p:hover{background:var(--primary-light)}
.mini:hover{border-color:var(--primary)}
.fld input:focus{outline:none;border-color:var(--primary)}