/* Tema dual do Simpia SIS — claro/escuro personalizável pelo usuário, preservando a MARCA.
   Constantes entre os modos: header navy + logo + dourado + tipografia (Fraunces/Inter).
   Muda só o corpo (fundo, superfícies, texto). Fonte única dos tokens — não definir cor no painel.
   Adesão: <link rel="stylesheet" href="/painel/tema.css"> + usar var(--bg)/var(--surface)/var(--text)/... */

:root{
  /* ---- MARCA (constante nos dois temas) ---- */
  --navy:#0e2640;
  --ok:#3fd06b;
  --bad:#ff6b6b;
  --warn:#e3a44b;

  /* ---- SEMÂNTICOS — modo ESCURO (padrão) ---- */
  --bg:#070f1a;
  --surface:#0e1f31;
  --surface2:#102a47;
  --text:#e8f1fa;
  --dim:#9fb6cf;
  --line:rgba(255,255,255,.08);
  --gold:#e3c46b;          /* dourado mais claro p/ contraste em fundo escuro */
}

:root[data-theme="claro"]{
  /* ---- SEMÂNTICOS — modo CLARO ---- */
  --bg:#f4f6fa;
  --surface:#ffffff;
  --surface2:#eef3f9;
  --text:#0d1b2a;
  --dim:#5a6b7d;
  --line:#e3e8ef;
  --gold:#b8860b;          /* dourado mais escuro p/ contraste em fundo claro */
}

/* Transição suave ao alternar o tema (corpo e superfícies). */
body{ background:var(--bg); color:var(--text); transition:background .25s ease, color .25s ease; }