/* ============================================================================
   Tema (claro/escuro) da MVPG — NÃO faz parte da identidade canônica da marca
   (brand.css é travado por teste, byte-idêntico à fonte de verdade — nunca editar).
   Aqui só as SUPERFÍCIES de UI e acentos de estado, overrideáveis por tema.
   As cores de marca (--abz-cyan/--abz-verde-*) NÃO mudam entre temas — é isso que
   mantém o branding: o glow/acentos usam a mesma paleta, só o fundo/texto muda.
   Alternado via [data-theme] na <html> (ver /static/js/layout.js). Carregado em
   base.html DEPOIS de brand.css (para sobrepor os neutros do :root quando dark).
   ============================================================================ */
:root,
:root[data-theme="light"] {
  --abz-sombra: 0 1px 2px rgba(15, 46, 34, 0.06), 0 1px 1px rgba(15, 46, 34, 0.04);
  --abz-glow: 0 0 0 3px rgba(0, 175, 239, 0.15);

  /* Campos de formulário: mesmo fundo do card, borda igual à --abz-linha padrão. */
  --abz-input-fundo: var(--abz-card);
  --abz-input-borda: var(--abz-linha);

  --abz-chip-warn-bg: #FEF3C7;   --abz-chip-warn-fg: #92660A;
  --abz-chip-info-bg: #DBEAFE;   --abz-chip-info-fg: #1D4ED8;
  --abz-chip-danger-bg: #FEE2E2; --abz-chip-danger-fg: #C0392B;

  --abz-erro-bg: #fdecec; --abz-erro-borda: #e3a2a2; --abz-erro-fg: #7a1f1f;
  --abz-perigo-fg: #a12626;
}

/* TIPOGRAFIA DE LEITURA (06/set) — sobrescreve a fonte de CORPO do `brand.css`.
   O `brand.css` é espelho canônico do legado e não se edita (ver PROVENANCE.md), então a troca
   mora aqui. A HeadingPro continua disponível para quem a peça exigir; o que muda é o padrão de
   leitura: Inter foi desenhada para tela e mantém legibilidade em 12-14px, que é o tamanho de
   quase todo o sistema. Os títulos seguem na HeadingNow — a marca não muda. */
:root {
  --abz-font-texto: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  /* A borda do tema CLARO era `#e3eae6` — quase branca sobre fundo branco, então card e botão não
     tinham contorno visível. Um degrau mais escura: delimita sem virar traço preto. Mesma correção
     que o tema escuro recebeu em 06/set (lá era ciano transparente). */
  --abz-linha: #cfdbd5;
  /* Contorno de CONTROLE (botão, campo): mais firme que o separador. */
  --abz-btn-borda: #8fa8a0;
}

:root[data-theme="dark"] {
  --abz-tinta:   #eaf5ef;
  --abz-tinta-2: #9fb8ac;
  /* A borda era ciano a 35% — brilhante e transparente ao mesmo tempo. O dono, olhando um grupo do
     simulador: "esse bloco tem borda diferente e clara demais, não delimita". O problema é o que a
     borda faz: separar áreas, não chamar atenção. Um cinza-esverdeado opaco delimita de verdade no
     escuro; o ciano continua vivo onde ele é intencional (foco, input, glow das seções). */
  --abz-linha:   #2a3a33;
  --abz-btn-borda: #4a6157;
  --abz-fundo:   #0a0f0c;
  --abz-card:    #101713;

  /* Glow neon com as cores da marca — divisão de seções + acabamento pedido. */
  --abz-sombra: 0 0 16px rgba(0, 175, 239, 0.12), 0 1px 0 rgba(0, 175, 239, 0.25) inset;
  --abz-glow: 0 0 16px rgba(0, 175, 239, 0.35), 0 0 2px rgba(0, 175, 239, 0.6);

  /* Campo precisa de MAIS contraste que um card comum, senão fica invisível até focar
     (achado do dono ao testar o login: "só aparece depois de clicar"). Fundo um degrau
     mais claro que o card + borda ciano bem mais opaca que --abz-linha. */
  --abz-input-fundo: #16201b;
  --abz-input-borda: rgba(0, 175, 239, 0.65);

  --abz-chip-warn-bg: rgba(254, 243, 199, 0.14);   --abz-chip-warn-fg: #f4cf6b;
  --abz-chip-info-bg: rgba(0, 175, 239, 0.16);     --abz-chip-info-fg: #6cd3ff;
  --abz-chip-danger-bg: rgba(254, 226, 226, 0.12); --abz-chip-danger-fg: #ff8a8a;

  --abz-erro-bg: rgba(220, 38, 38, 0.12); --abz-erro-borda: rgba(220, 38, 38, 0.45); --abz-erro-fg: #ff9d9d;
  --abz-perigo-fg: #ff8a8a;
}