/* ═══════════════════════════════════════════════════════════════════════════
   tokens.css — as cores do sistema, num lugar só.

   Por que existe: em 04/08/2026 o inventário achou 42 variáveis com mais de um
   valor espalhadas por 21 arquivos CSS. `--acc` era #22d3ee, #0e7490 e #0b5cff
   ao mesmo tempo; `--bg2` era #111a2e e #ffffff. Cada arquivo carregava sua
   cópia, e por isso as telas pareciam de sistemas diferentes — elas literalmente
   eram pintadas por paletas diferentes.

   Agora é UMA fonte. Componente nenhum define cor: todos consomem daqui. Trocar
   a identidade do sistema passa a ser trocar este arquivo.

   Os NOMES são os que o sistema já usava (--bg, --txt, --acc…), de propósito:
   assim os 973 usos espalhados continuam funcionando sem edição em massa.

   A escala clara vem do /layout-mockup/padrao.html: AZUL CLARO → BRANCO. As
   cores de SÉRIE (--s1..--s5) foram validadas para daltonismo e contraste sobre
   o cartão branco; a ORDEM delas é o mecanismo de segurança, não estética —
   trocar a ordem quebra a garantia.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tema escuro — o padrão do sistema ─────────────────────────────────────
   Ganhou viés azul para pertencer à mesma família do claro: os dois são a
   mesma identidade em luminosidades opostas, não dois desenhos diferentes. */
/* ── O CLARO é a BASE ──────────────────────────────────────────────────────
   Antes o :root era o escuro, então o azul-escuro era o padrão de FALLBACK:
   qualquer página onde o atributo do tema não chegasse caía nele, mesmo com o
   sistema configurado para abrir claro. Agora a base é a escala do padrão
   (azul claro → branco), e o escuro só existe quando explicitamente escolhido. */
:root{
  --bg:#e6eef8;         /* fundo da página — o azul mais forte da escala */
  --bg2:#ffffff;        /* cartão e gráfico — o extremo claro */
  --bg3:#f0f6fd;        /* faixa do menu e realces suaves */
  --solido:#ffffff;
  --txt:#0e1b2a;        /* tinta com viés azul: preto neutro sobre azul parece sujo */
  --txt2:#3d5266; --txt3:#6b8199;
  --borda:#cfe0f0; --grade:#dfeaf6;
  --acc:#2a78d6; --acc2:#4a3aa7; --acc-fraco:#dcebfd;
  --acc-forte:#1d5cae; --acc-fraco-2:#eaf2fd;
  --ok:#0a7d55; --amarelo:#9a6206; --azul:#2456c4; --risco:#c22a2a;
  --sombra:0 16px 44px rgba(23,34,58,.14);
  --aviso-bg:#fdf1d2; --ok-bg:#dcf5e8; --ok-borda:#9fd8bd;
  --risco-bg:#fbe1e1; --risco-borda:#eeb4b4; --info-bg:#ddebfb;

  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#4a3aa7; --s5:#e87ba4;
  --q1:#cde2fb; --q2:#9ec5f4; --q3:#6da7ec; --q4:#3987e5; --q5:#256abf; --q6:#104281;
  --d1:#184f95; --d2:#3987e5; --d3:#9ec5f4; --dm:#f0efec; --d4:#f0a3a3; --d5:#e06060; --d6:#b52d2d;
  --bom:#0ca30c; --aviso:#fab219; --serio:#ec835a; --critico:#d03b3b;
}

/* ── O escuro, só quando escolhido ─────────────────────────────────────── */
[data-theme="dark"]{
  --bg:#0b1420; --bg2:#131f2e; --bg3:#1b2a3c; --solido:#131f2e;
  --txt:#eef4fb; --txt2:#a8bcd0; --txt3:#75899e;
  --borda:#25384d; --grade:#1c2a3a;
  --acc:#3987e5; --acc2:#9085e9; --acc-fraco:#15304f;
  /* O Painel de Atendimento precisa de DOIS níveis de realce (linha
     selecionada vs. linha em foco) e de um tom mais forte para o hover do
     botão primário. São papéis reais da tela, não enfeite — por isso viram
     token em vez de cor solta lá dentro. */
  --acc-forte:#2a6fd0; --acc-fraco-2:#1d3f63;
  --ok:#34d399; --amarelo:#fbbf24; --azul:#60a5fa; --risco:#f87171;
  --sombra:0 16px 44px rgba(0,0,0,.5);
  --aviso-bg:#33270d; --ok-bg:#05341f; --ok-borda:#14532d;
  --risco-bg:#3a1414; --risco-borda:#7f1d1d; --info-bg:#0c2f4a;

  /* séries — ordem fixa e validada, nos dois temas */
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#9085e9; --s5:#d55181;
  /* sequencial — uma matiz, claro→escuro */
  --q1:#0d366b; --q2:#184f95; --q3:#256abf; --q4:#3987e5; --q5:#6da7ec; --q6:#9ec5f4;
  /* divergente — dois polos + neutro no meio */
  --d1:#9ec5f4; --d2:#3987e5; --d3:#256abf; --dm:#383835; --d4:#a33a3a; --d5:#d05555; --d6:#f0a3a3;
  /* estado — reservadas, nunca viram "série 6" */
  --bom:#34d399; --aviso:#fbbf24; --serio:#ec835a; --critico:#f87171;

  --r:10px; --e1:4px; --e2:8px; --e3:16px; --e4:24px; --e5:40px;
}


/* ── Tema claro — a escala do padrão: azul claro → branco ──────────────────
   O atributo é `claro` (e não `light`) porque é o que o tema_atual() do sistema
   já emite. Trocar o nome quebraria o alternador em 44 telas de uma vez. */


/* ── Compatibilidade com os nomes antigos do App do Técnico ────────────────
   A tela do técnico usava um namespace próprio (--tec-*). Em vez de editar o
   CSS dela inteiro, os nomes antigos passam a apontar para os tokens — uma
   ponte, para o dia em que alguém quiser aposentá-los sem pressa. */
:root{
  --tec-fundo:var(--bg); --tec-cartao:var(--bg2); --tec-txt:var(--txt);
  --tec-txt2:var(--txt2); --tec-borda:var(--borda); --tec-acc:var(--acc);
}