/* ============================================================
   IDENTIDADE VISUAL — arquivo único de marca (PORTÁVEL)
   ------------------------------------------------------------
   Para migrar o projeto para OUTRA MARCA/DOMÍNIO, edite
   SOMENTE este arquivo (cores/tipos) + brand/brand.js (nome,
   contato, domínio) + assets/logo.svg. Nenhum outro arquivo
   contém cor ou fonte fixa — tudo referencia estas variáveis.

   Paleta "Verificado" — confiança institucional:
   - Azul-petróleo = autoridade/verificação (cor primária, CTA, links)
   - Verde-esmeralda = sinal semântico de VERIFICADO (só selo/check/
     número; NUNCA texto corrido — contraste)
   - Ocre = "não verificável / atenção" (nunca vermelho de alarme)
   ============================================================ */

:root {
  color-scheme: light dark;

  /* — Neutros (papel frio, viés petróleo) — */
  --bg:            #F2F6F7;
  --bg-sunken:     #E8F0F1;
  --surface:       #FFFFFF;
  --surface-2:     #FAFCFC;

  /* — Tinta / texto — */
  --ink:           #0D2A36;  /* títulos, autoridade */
  --text:          #3A4A52;  /* corpo */
  --muted:         #667880;  /* legendas */

  /* — Marca: azul-petróleo (primária) — */
  --brand:         #0E5C74;  /* CTA, links, ênfase   (~6.4:1 em branco) */
  --brand-ink:     #0A4658;  /* hover / texto forte */
  --brand-soft:    #E0EDF0;  /* fundo suave de marca */

  /* — Semânticos — */
  --verified:      #0F7A54;  /* VERIFICADO: selo, check, dot, número */
  --verified-soft: #E0F0E8;
  --caution:       #A2620E;  /* NÃO VERIFICÁVEL: badge/ícone */
  --caution-soft:  #F2E7D3;
  --danger:        #9A2F27;  /* só para o "nunca dizemos" (texto tachado) */

  /* — Traços / bordas — */
  --border:        #D2E0E3;
  --border-strong: #B7CBD0;
  --ring:          #1585A2;  /* foco de teclado */

  /* — Tipografia — */
  --font-sans:  ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;         /* 1 momento editorial de gravidade */
  --font-mono:  ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace; /* dados de verificação */

  /* — Escala tipográfica (fluida) — */
  --fs-display: clamp(2.1rem, 1.4rem + 3.1vw, 3.4rem);
  --fs-h2:      clamp(1.6rem, 1.25rem + 1.5vw, 2.25rem);
  --fs-h3:      1.2rem;
  --fs-lead:    clamp(1.08rem, 1rem + 0.4vw, 1.28rem);
  --fs-body:    1.02rem;
  --fs-sm:      0.9rem;
  --fs-xs:      0.78rem;

  /* — Raios / sombras / medidas — */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(13,42,54,.05), 0 3px 10px rgba(13,42,54,.05);
  --shadow:    0 2px 6px rgba(13,42,54,.06), 0 16px 40px rgba(13,42,54,.08);
  --shadow-brand: 0 6px 18px rgba(14,92,116,.28);
  --maxw: 1080px;
  --gutter: clamp(20px, 4vw, 40px);
}

/* — Tema escuro (mapeamento cuidadoso, não inversão ingênua) — */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:            #0A1418;
    --bg-sunken:     #071013;
    --surface:       #0F1E24;
    --surface-2:     #132A30;
    --ink:           #EAF3F2;
    --text:          #B2C3C6;
    --muted:         #7C9096;
    --brand:         #46B6CE;
    --brand-ink:     #6BC9DC;
    --brand-soft:    #10262E;
    --verified:      #45C08D;
    --verified-soft: #0E241C;
    --caution:       #D49B4E;
    --caution-soft:  #241B10;
    --danger:        #E36A5F;
    --border:        #1E3238;
    --border-strong: #2B454C;
    --ring:          #58C4DE;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
    --shadow:    0 2px 6px rgba(0,0,0,.4), 0 18px 44px rgba(0,0,0,.45);
    --shadow-brand: 0 6px 20px rgba(0,0,0,.5);
  }
}

/* Overrides explícitos do toggle (vencem a media query nos dois sentidos) */
:root[data-theme="light"] {
  --bg:#F2F6F7; --bg-sunken:#E8F0F1; --surface:#FFFFFF; --surface-2:#FAFCFC;
  --ink:#0D2A36; --text:#3A4A52; --muted:#667880;
  --brand:#0E5C74; --brand-ink:#0A4658; --brand-soft:#E0EDF0;
  --verified:#0F7A54; --verified-soft:#E0F0E8; --caution:#A2620E; --caution-soft:#F2E7D3; --danger:#9A2F27;
  --border:#D2E0E3; --border-strong:#B7CBD0; --ring:#1585A2;
  --shadow-sm:0 1px 2px rgba(13,42,54,.05),0 3px 10px rgba(13,42,54,.05);
  --shadow:0 2px 6px rgba(13,42,54,.06),0 16px 40px rgba(13,42,54,.08);
  --shadow-brand:0 6px 18px rgba(14,92,116,.28);
}
:root[data-theme="dark"] {
  --bg:#0A1418; --bg-sunken:#071013; --surface:#0F1E24; --surface-2:#132A30;
  --ink:#EAF3F2; --text:#B2C3C6; --muted:#7C9096;
  --brand:#46B6CE; --brand-ink:#6BC9DC; --brand-soft:#10262E;
  --verified:#45C08D; --verified-soft:#0E241C; --caution:#D49B4E; --caution-soft:#241B10; --danger:#E36A5F;
  --border:#1E3238; --border-strong:#2B454C; --ring:#58C4DE;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow:0 2px 6px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.45);
  --shadow-brand:0 6px 20px rgba(0,0,0,.5);
}