/* Tokens — Logística ZHAZ, direção "Oficina": a cara do Painel ZHAZ (faixa azul, cabeçalho de tabela ardósia)
   aplicada a uma ferramenta de trabalho. Fonte do próprio Windows, grade de dados, cantos de 3 px. Ver DESIGN.md. */
:root {
  color-scheme: light;
  --fonte: "Segoe UI", "Segoe UI Variable Text", system-ui, -apple-system, sans-serif;
  --fonte-mono: Consolas, "Cascadia Mono", "Courier New", monospace;

  --azul: #0057cb;            /* azul do logo */
  --azul-escuro: #00419a;
  --azul-claro: #e8f0fc;      /* linha selecionada, etapa de agora */
  --azul-borda: #b9cff3;
  --verde-zhaz: #81e61c;      /* verde do logo: só no logo e no marcador da página atual */
  --ardosia: #1e293b;         /* cabeçalho de tabela do Painel ZHAZ */
  --ardosia-linha: #334155;
  --ardosia-tinta: #e5e9f0;

  --fundo: #f3f4f6;
  --superficie: #ffffff;
  --superficie-2: #f8f9fb;    /* zebra, faixa de ação */
  --superficie-3: #eceef1;    /* hover, barra de estado */
  --linha: #d5dae1;
  --linha-suave: #e8ebef;
  --borda-campo: #b6bcc6;
  --tinta: #111827;
  --tinta-2: #4b5563;
  --tinta-3: #56606e;
  --marca: var(--azul);
  --marca-tinta: #0050bb;     /* link sobre branco */
  --foco: rgba(0, 87, 203, 0.35);

  --perigo: #b42318;  --perigo-fundo: #fdecea;
  --atencao: #b54708; --atencao-fundo: #fdf1e3;
  --ok: #177245;      --ok-fundo: #e7f4ec;
  --info: #175cd3;    --info-fundo: #e8f0fc;
  --neutro: #8a94a3;

  --r: 3px;
  --sombra-flutuante: 0 8px 24px rgba(17, 24, 39, 0.18), 0 1px 3px rgba(17, 24, 39, 0.12);
  --ease: cubic-bezier(0.25, 1, 0.5, 1);
  --barra-altura: 44px;
  --estado-altura: 26px;
  --inspetor-largura: 460px;
  --z-sticky: 10; --z-barra: 20; --z-inspetor: 30; --z-menu: 40; --z-aviso: 60;
}

/* O tema escuro vale quando data-tema="escuro"; um script no <head> aplica a escolha salva ou a do sistema */
:root[data-tema="escuro"] {
  color-scheme: dark;
  --azul: #1f6fe0;
  --azul-escuro: #1657b4;
  --azul-claro: #1c2f4d;
  --azul-borda: #2b4a7a;
  --ardosia: #0f172a;
  --ardosia-linha: #253146;
  --fundo: #141a24;
  --superficie: #1b2330;
  --superficie-2: #202938;
  --superficie-3: #283345;
  --linha: #344054;
  --linha-suave: #2a3444;
  --borda-campo: #4a576b;
  --tinta: #eef1f5;
  --tinta-2: #c1c8d3;
  --tinta-3: #a3adbb;
  --marca-tinta: #8db9ff;
  --foco: rgba(141, 185, 255, 0.4);
  --perigo: #ff8a7a;  --perigo-fundo: #3a1f1c;
  --atencao: #f5a35c; --atencao-fundo: #38281a;
  --ok: #5fd39a;      --ok-fundo: #18301f;
  --info: #8db9ff;    --info-fundo: #1c2f4d;
  --neutro: #8a94a3;
  --sombra-flutuante: 0 10px 28px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.4);
}