/* PCE — Contrato de design SPEC V2 (dois temas).
   "TROCA DE VALORES, NÃO DE NOMES": os nomes dos tokens são IDÊNTICOS nos dois temas.
   :root/[data-theme="dark"] recebe a paleta escura; [data-theme="light"] recebe os
   MESMOS nomes com valores espelhados. Nenhum componente sabe em que tema está — todo
   componente usa var(--token) cegamente. O toggle troca só o data-theme.

   Fonte da verdade (na pasta docs/):
     PCE-OS-Referencia-Correcao-Visual-v2.html  → tema ESCURO (paleta + tabela de contraste)
     PCE-OS-Referencia-Tema-Claro-v2.html        → tema CLARO (espelho + 3 exceções + elevação)

   Carregado só pelo admin. por ora; app./atlas. herdam quando forem refinados
   (mesmo arquivo — padrão do config.js). Só define variáveis: não pinta nada sozinho. */

/* ============================================================ ESCURO (default)
   Paleta A · Carbono (matiz 173°, sat baixa). Nenhuma superfície acima de L 8%. */
:root, [data-theme="dark"]{
  /* superfícies */
  --shell:#070909; --surface:#0C1111; --surface2:#101817;
  --line:#182422; --line2:#213432;
  /* texto — piso de contraste obrigatório (ink 16,4:1 · muted 7,5:1 · faint REPROVA AA) */
  --ink:#EDE6D6; --muted:#A99B7E; --faint:#6E6350;
  /* ouro — terminal canônico da rampa = --gold-lo. (--gold-deep #7A4F08 aposentado:
     token declarado e nunca usado não fica no sistema criando ambiguidade.) */
  --gold:#C8A24D; --gold-hi:#E5C96E; --gold-mid:#B8922A; --gold-lo:#8A5E12;
  /* tinta SOBRE botão de ouro. No escuro o ouro é claro → tinta quase-preta.
     No claro o ouro escurece (#7A5F14) → tinta quase-branca (o preto reprovava AA:
     #1B1200 sobre #7A5F14 = 3,07:1). Nome único, valor espelhado por tema. */
  --btn-ink:#171106;
  /* WhatsApp — constante de marca (mesmo verde nos dois temas); tokeniza os botoes de abordagem */
  --wa:#0E7A38; --wa-ink:#EFFCF3;
  /* semântico */
  --ok:#7FB08A; --watch:#E0B24E; --risk:#C56B4A;
  /* espelho -rgb — impede glow/tint divergirem do token (usados em rgba(...)) */
  --gold-rgb:200,162,77; --ok-rgb:127,176,138; --watch-rgb:224,178,78; --risk-rgb:197,107,74;

  /* REGRA DO TEMA #1 — glow. Componente escreve box-shadow: var(--halo) rgba(cor,var(--halo-a)) */
  --halo:0 0 12px; --halo-a:.55;

  /* ---- agnósticos (mesmo valor nos dois temas; light não precisa redeclarar) ---- */
  /* --foil usa var(--gold-*): resolve por tema no ponto de uso */
  --foil:linear-gradient(135deg,var(--gold-hi) 0%,var(--gold) 44%,var(--gold-lo) 100%);
  /* sombras neutras centralizadas — evitam cor literal nos componentes. THEME-BLIND
     de propósito (valor único): NÃO são uma "regra que sabe do tema". */
  --shadow:0 12px 34px rgba(0,0,0,.35);
  --scrim:rgba(0,0,0,.5);
  /* tipografia SPEC V2 */
  --disp:'Cinzel',serif;                         /* display/títulos (canônico) */
  --sans:'Space Grotesk',system-ui,sans-serif;   /* UI/corpo */
  --mono:'IBM Plex Mono',ui-monospace,monospace; /* números — alinhamento de dígitos */
  /* constantes de marca (NÃO variam por tema — identidade institucional) */
  --pce-teal-deep:#07211F; --pce-teal:#0F3D3E;
  --pce-teal-grad:linear-gradient(135deg,#07211F 0%,#0F3D3E 100%);
  --pce-tricolor:linear-gradient(90deg,#0F3D3E 0% 33%,#B0862F 33%,#E6C36A 66%,#12284A 66% 100%);
}

/* ============================================================ CLARO (espelho)
   Branco tingido de ouro, MESMA matiz, luminância invertida. O texto desce e o ouro
   desce junto (ouro claro sobre branco é ilegível). Só a luminância muda. */
[data-theme="light"]{
  --shell:#F7F5F0; --surface:#FFFFFF; --surface2:#EFEBE1;
  --line:#E3DDCE; --line2:#CFC5AE;
  --ink:#262114; --muted:#5E5545; --faint:#92866F;
  --gold:#7A5F14; --gold-hi:#9C7A22; --gold-mid:#6B5210; --gold-lo:#4A3406;
  --btn-ink:#FBF7EC;   /* tinta clara sobre o ouro escuro do tema claro (5,75:1 · passa AA) */
  --ok:#3E6B4B; --watch:#7A5E12; --risk:#A3462A;
  --gold-rgb:122,95,20; --ok-rgb:62,107,75; --watch-rgb:122,94,18; --risk-rgb:163,70,42;
  /* REGRA DO TEMA #1 — anel sólido (glow sobre branco vira borrão) */
  --halo:0 0 0 3px; --halo-a:.16;
}