/* ══════════════════════════════════════════════════════════════════════════
   tokens.css — vocabulário de design ÚNICO do EntroProfessor (F1 da migração;
   ver docs/PLANO-ARQUITETURA-DIAGRAMADOR.md).

   Verde canônico = grafite-esverdeado do painel (decisão Yvens 2026-07-20).
   Servido de /public p/ alcançar os DOIS mundos: o app React (link no layout
   raiz) e as páginas estáticas de public/linha (link no <head>).

   REGRAS:
   • Cor de marca/neutro de UI só nasce aqui. Nos consumidores: var(--ep...).
   • Transparências de marca: color-mix(in srgb, var(--ep) N%, transparent).
   • EXCEÇÃO DOCUMENTADA: o <style> inline de public/linha/index.html mantém
     HEX literais (mesma paleta) — ele é serializado inteiro no HTML do PDF
     (prepararPdfData/publicar), onde este arquivo não existe. Morre na F5.
   • CSS do DOCUMENTO (.page, temas ENEM/UEA/PSC/ENT) fica FORA daqui por
     contrato: cor de banca e pt/mm são conteúdo do produto, não interface.

   Mapa de migração (esmeralda antigo → grafite canônico):
     #10b981 → #2f7d64   #059669 → #276a55   #047857 → #215c48
     #065f46 → #1b4d3c   #34d399 → #4a9a7d   #6ee7b7 → #8fc2ae
     #ecfdf5 → #eef3f0   #d1fae5 → #dcebe4   #a7f3d0 → #c2ddd2
     rgba(16,185,129,x) → rgba(47,125,100,x)
     rgba(5,150,105,x)  → rgba(39,106,85,x)
   ══════════════════════════════════════════════════════════════════════════ */
:root {
  /* marca */
  --ep: #2f7d64;         /* verde grafite — o oficial */
  --ep-dark: #276a55;    /* hover/estados fortes */
  --ep-darker: #215c48;  /* texto sobre fundo claro de marca */
  --ep-light: #eef3f0;   /* fundo suave de marca */
  --ep-soft: #dcebe4;    /* borda/fundo de chip de marca */

  /* neutros */
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --bg: #f8fafc;
  --card: #ffffff;

  /* controles nativos nunca escurecem em SO dark (produto é tema claro) */
  color-scheme: light;

  /* ── aliases de compatibilidade do mundo estático (morrem na F7) ──
     linha.css e satélites consomem --ln-*; re-apontados pro vocabulário único. */
  --ln-ac: var(--ep);
  --ln-acd: var(--ep-dark);
  --ln-acl: var(--ep-light);
  --ln-bg: var(--bg);
  --ln-panel: var(--card);
  --ln-border: var(--line);
  --ln-text: var(--ink);
  --ln-muted: var(--muted);
}
