/* Paleta única do operacional. Modo claro em :root, modo escuro em html[data-theme="dark"].
   Os outros arquivos de estilo só usam var(--token) — pra mudar uma cor, mude aqui.
   Escuro é opcional: cada pessoa liga no botão "Modo escuro" da barra lateral. */
:root{
  color-scheme:light;
  --bg:#edf2f7;--bg-auth:#f7f9fb;
  --surface:#fff;--surface-2:#f8fafc;--surface-3:#edf1f4;--surface-4:#e2e9ef;--input-bg:#fff;
  --line:#dde6ee;--line-soft:#edf0f3;--line-input:#dbe1e7;
  --text:#243444;--text-2:#52616e;--heading:#2b4563;--muted:#71808d;--muted-2:#8a98a6;
  --navy:#2b4563;--navy2:#234867;
  --primary-bg:#2b4563;--primary-fg:#fff;--primary-hover:#223b57;
  --sidebar-a:#2b4563;--sidebar-b:#203850;--sidebar-line:#19344d;
  --band-a:#2e4a6a;--band-b:#22384f;--band-c:#1c3049;
  --blue:#46c2f9;--blue-2:#46b9ed;--blue-text:#2d708f;--blue-bg:#edf6fa;--blue-bg-2:#dff1f8;--blue-line:#cfe6f2;
  --red:#e44949;--red-text:#b63d3d;--red-bg:#feecec;--red-line:#e7b8b2;
  --orange:#ed8b2c;--orange-bg:#fff1e4;
  --yellow:#d99b18;--yellow-text:#916900;--yellow-bg:#fff1cc;
  --green:#2aa66c;--green-text:#24774b;--green-bg:#e5f7ed;--green-line:#a2d1b6;
  --purple:#805ad5;--purple-text:#7047b2;--purple-bg:#f1ebfd;
  --backdrop:#10283db3;--modal-border:rgba(255,255,255,.45);
  --shadow-soft:#ccd5de;--shadow-card:0 12px 32px rgba(30,58,86,.08);
  /* Jornada (19/10/2026): barra do cliente mensal e texto de aviso ("fase em que mais clientes saem") */
  --trilho-mensal:#2b4563;--alerta-texto:#a9520c;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e1926;--bg-auth:#0e1926;
  --surface:#172636;--surface-2:#1b2c3e;--surface-3:#223448;--surface-4:#2a3f55;--input-bg:#0f1c2a;
  --line:#26394d;--line-soft:#213345;--line-input:#33495f;
  --text:#e6edf3;--text-2:#c3cfda;--heading:#eaf2f9;--muted:#8fa3b5;--muted-2:#6f8497;
  --navy:#3b5f86;--navy2:#9cd3f2;
  --primary-bg:#46c2f9;--primary-fg:#0c2a44;--primary-hover:#5fcbfa;
  --sidebar-a:#152a40;--sidebar-b:#0d1c2c;--sidebar-line:#1e3449;
  --band-a:#213a58;--band-b:#182b40;--band-c:#122130;
  --blue-text:#8fd0f3;--blue-bg:#173248;--blue-bg-2:#1d4058;--blue-line:#2a5170;
  --red:#ff6b6b;--red-text:#ff8f8f;--red-bg:#3a1f24;--red-line:#6b3038;
  --orange:#ffa14d;--orange-bg:#3a2a18;
  --yellow:#f0b429;--yellow-text:#ffd166;--yellow-bg:#3a3116;
  --green:#3ecf85;--green-text:#5fdc9c;--green-bg:#16352a;--green-line:#2b5a44;
  --purple:#a98af0;--purple-text:#c0a8f7;--purple-bg:#2c2545;
  --backdrop:#020810cc;--modal-border:#2c4257;
  --shadow-soft:rgba(0,0,0,.4);--shadow-card:0 12px 32px rgba(0,0,0,.35);
  --trilho-mensal:#7fa3c7;--alerta-texto:#ffa14d;
}
/* Botão de tema no cabeçalho: mostra lua no claro, sol no escuro. */
.theme-toggle .icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .icon-sun{display:block}
html[data-theme="dark"] .theme-toggle .icon-moon{display:none}
/* Login no celular: logo marinho no claro, logo branca no escuro. */
html[data-theme="dark"] .mobile-logo-light{display:none!important}
html:not([data-theme="dark"]) .mobile-logo-dark{display:none!important}
/* No escuro a aba selecionada fica mais clara que as outras (no claro ela é branca). */
html[data-theme="dark"] .segments button.active{background:var(--surface-4)}
/* Sombras no escuro precisam ser pretas, senão somem. */
html[data-theme="dark"] .modal{box-shadow:0 24px 70px rgba(0,0,0,.6)}
html[data-theme="dark"] .sidebar{box-shadow:10px 0 35px rgba(0,0,0,.35)}
html[data-theme="dark"] .auth-card{box-shadow:0 18px 50px rgba(0,0,0,.45)}