/* ═══ TEMA — cores por cliente/instalação ══════════════════════════
   Pra um cliente novo, troque só os valores aqui — nada mais precisa
   mudar nas telas. Este arquivo é carregado DEPOIS do <style> de cada
   página (veja o <link> no <head>), então estes valores vencem os que
   já estavam inline — não precisou apagar nada nas páginas existentes.

   Páginas que carregam este arquivo: index.html, login.html,
   importar_estoque.html, importar_kits.html.

   NÃO carregado em importar.html — essa tela tem a lógica de tema
   claro/escuro invertida (o :root dela já é o modo escuro, com uma
   classe .light pra clarear) e teria o padrão trocado por engano se
   entrasse aqui. Se quiser unificar isso também, é um ajuste separado,
   independente da marca/cores.
   ════════════════════════════════════════════════════════════════ */
:root{
  --bg:#f4f6fb;--bg2:#fff;--bg3:#eef0f8;--bg4:#e4e8f4;--bg5:#d4d9ec;
  --line:rgba(0,0,0,.07);--line2:rgba(0,0,0,.13);
  --text:#1a1f2e;--text2:#56607a;--text3:#a0aabc;
  --accent:#2a52cc;--accent2:#1e3ea8;
  --green:#059669;--gd:rgba(5,150,105,.1);
  --red:#dc2626;--rd:rgba(220,38,38,.1);
  --amber:#b45309;--ad:rgba(180,83,9,.1);
  --purple:#6d28d9;--pd:rgba(109,40,217,.1);
  --teal:#0f766e;--td:rgba(15,118,110,.1);
}
body.dark{
  --bg:#0a0c10;--bg2:#111318;--bg3:#191c24;--bg4:#21252f;--bg5:#2a2f3c;
  --line:rgba(255,255,255,.06);--line2:rgba(255,255,255,.11);
  --text:#e8eaf0;--text2:#7c8499;--text3:#3d4559;
  --accent:#5b8af0;--accent2:#3d6bd4;
  --green:#34d399;--gd:rgba(52,211,153,.13);
  --red:#f87171;--rd:rgba(248,113,113,.13);
  --amber:#fbbf24;--ad:rgba(251,191,36,.13);
  --purple:#a78bfa;--pd:rgba(167,139,250,.13);
  --teal:#2dd4bf;--td:rgba(45,212,191,.13);
}
