/* ============================================================
   tokens.css — os tokens de tema do portal, em UM lugar so'.

   Ate' 28/09/2026 cada tela declarava o proprio :root / body.light /
   body.dark com os mesmos ~50 valores copiados. Trocar uma cor do sistema
   era editar 20 arquivos — foi o que custou, em 25/09, subir o --meta do
   escuro de #828c9d para #8a94a5. Esta folha e' a terceira compartilhada,
   depois de metrics.css e marca.css.

   COMO FOI MONTADA: para cada token, o valor que a MAIORIA das 19 telas
   internas ja' usava (minimo 5 telas iguais). As telas perderam so' as
   declaracoes IDENTICAS a esta folha; onde o valor divergia, a declaracao
   ficou na tela — e continua valendo, porque o <style> da pagina vem DEPOIS
   deste <link> e desempata a cascata. Conferido pelo estilo computado de
   cada elemento, antes e depois, nas 19 telas x claro/escuro x 1440/390.

   COMO USAR:
   - Tela nova do portal: <link> para esta folha ANTES do proprio <style>,
     e nao redeclare o que ja' esta' aqui.
   - Mudou uma cor do sistema? E' aqui, e o ?v= sobe em todas as telas que
     carregam esta folha (grep -l 'tokens.css?v=' public/*.html).
   - Variante local (a tela quer outro valor de proposito): declare na
     propria tela, com um comentario dizendo por que.
   - Os valores e o motivo de cada um estao em docs/DESIGN.md §2. Destaque:
     --meta/--meta2 do escuro sao #8a94a5 porque #828c9d caia para 4,24:1
     sobre --panel2 (#102b47); ver o comentario em index.html.

   As paginas de cliente (sc.consultoria: admissao, ferias_resposta,
   documentos_cliente...) usam outra familia de variaveis e NAO carregam
   esta folha.
   ============================================================ */
:root{
  --fonte:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-lg:14px;
  --r-md:10px;
  --r-sm:8px;
  --pessoal:#d97706;
  --fiscal:#dc2626;
  --contabil:#0B8C5F;
  --societario:#7c3aed;
}
body.light{
  --bg:#f4f6fa;
  --panel:#ffffff;
  --panel2:#f7f8fb;
  --branco:#ffffff;
  --bd:#e6e8ef;
  --bd2:#eef0f5;
  --hair:#f4f5f8;
  --card:#fafbfc;
  --navy:#0f2540;
  --txt:#3f3f46;
  --txt2:#52525b;
  --meta:#6b6b73;
  --meta2:#707077;
  --borda:#e4e4e7;
  --borda2:#d4d4d8;
  --azulmarca:#1A5BD8;
  --azul:#1A5BD8;
  --accent:#1A5BD8;
  --accent-dim:rgba(26,91,216,.08);
  --accent-bd:rgba(26,91,216,.30);
  --ok:#16a34a;
  --erro:#dc2626;
  --amber:#d97706;
  --cinza:#71717a;
  /* Estados (29/09/2026, opcao A escolhida pelo dono): no claro, fundo e
     borda SOLIDOS e texto na tinta funda — passa >=4,5:1 sobre qualquer
     superficie do portal (a translucida caia para 4,2:1 no fundo cinza da
     pagina). Valores = os mais usados nas telas antes da migracao. */
  --ok-bg:#f0fdf4;
  --ok-bd:#bbf7d0;
  --ok-ink:#15803d;
  --aviso-bg:#fffbeb;
  --aviso-bd:#fde68a;
  --aviso-ink:#92600e;
  --erro-bg:#fef2f2;
  --erro-bd:#fecaca;
  --erro-ink:#b91c1c;
}
body.dark{
  --bg:#031527;
  --panel:#06223f;
  --panel2:#102b47;
  --branco:#06223f;
  --bd:rgba(255,255,255,0.09);
  --bd2:rgba(255,255,255,0.05);
  --hair:rgba(255,255,255,0.045);
  --card:rgba(255,255,255,0.03);
  --navy:#e7eaf0;
  --txt:#c3cddd;
  --txt2:#aab4c5;
  --meta:#8a94a5;
  --meta2:#8a94a5;
  --borda:rgba(255,255,255,0.09);
  --borda2:rgba(255,255,255,0.16);
  --azulmarca:#38bdf8;
  --azul:#7dd3fc;
  --accent:#38bdf8;
  --accent-dim:rgba(56,189,248,.12);
  --accent-bd:rgba(56,189,248,.30);
  --ok:#4ade80;
  --erro:#fb7185;
  --amber:#fbbf24;
  --cinza:#9aa4b8;
  /* Estados no escuro: TRANSLUCIDOS (a cor base sobre a superficie navy) e
     texto claro — 6,8 a 11:1 sobre --bg, --panel e --panel2. */
  --ok-bg:rgba(34,197,94,.14);
  --ok-bd:rgba(34,197,94,.30);
  --ok-ink:#86efac;
  --aviso-bg:rgba(217,119,6,.15);
  --aviso-bd:rgba(245,158,11,.30);
  --aviso-ink:#fcd34d;
  --erro-bg:rgba(239,68,68,.13);
  --erro-bd:rgba(239,68,68,.30);
  --erro-ink:#fca5a5;
}