/* tema.css — ATHLEON ERP · tema CLARO (fundo branco). Vale em todas as páginas:
   as variáveis abaixo vencem as de cada página (seletor html[data-theme] é mais forte que :root). */
html[data-theme="light"]{
  --bg:#ffffff; --surface:#ffffff; --surface2:#f5f6fa; --card:#ffffff;
  --border:#e5e7eb; --bd:#e5e7eb;
  --text:#111827; --fg:#111827; --muted:#6b7280; --muted2:#4b5563; --mut:#6b7280;
  --success:#16a34a; --ok:#16a34a; --green:#16a34a; --danger:#dc2626; --err:#dc2626; --warn:#d97706;
  color-scheme:light;
}
html[data-theme="light"] body{background:#ffffff;color:#111827}
html[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=color]),
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#ffffff;color:#111827;border-color:#d1d5db}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#9ca3af}
html[data-theme="light"] option{background:#fff;color:#111827}
/* cartões / painéis com fundo escuro escrito direto na página */
html[data-theme="light"] .card,html[data-theme="light"] .modal,html[data-theme="light"] .box,
html[data-theme="light"] .panel,html[data-theme="light"] .login-card,html[data-theme="light"] .auth-card{background:#ffffff;border-color:#e5e7eb;color:#111827}
html[data-theme="light"] .treino,html[data-theme="light"] .dia,html[data-theme="light"] .link{background:#f5f6fa;border-color:#e5e7eb;color:#111827}
html[data-theme="light"] [style*="background:#0d0d18"],html[data-theme="light"] [style*="background:#12121f"],
html[data-theme="light"] [style*="background:#07070f"],html[data-theme="light"] [style*="background: #0d0d18"]{background:#f5f6fa !important}
html[data-theme="light"] [style*="color:#e8e8f0"],html[data-theme="light"] [style*="color:#fff;"]:not(button):not(a){color:#111827 !important}
/* só botões com fundo colorido ficam com texto branco; os "ghost"/contorno usam a cor de texto do tema */
html[data-theme="light"] .btn-primary,html[data-theme="light"] .btn-success,html[data-theme="light"] .btn-add,
html[data-theme="light"] .btn-exp,html[data-theme="light"] .btn-upgrade,html[data-theme="light"] .btn-checkin,
html[data-theme="light"] .btn-cta-primary,html[data-theme="light"] button.p,html[data-theme="light"] .pri{color:#fff}
html[data-theme="light"] .btn-ghost,html[data-theme="light"] .btn-cta-ghost,html[data-theme="light"] .btn-nav-ghost{background:#fff;color:#374151;border:1px solid #d1d5db}
html[data-theme="light"] .btn-ghost:hover{border-color:#7C6AFF;color:#5b4bd6}
html[data-theme="light"] .alert-ok,html[data-theme="light"] .ok{color:#166534}
html[data-theme="light"] .alert-err,html[data-theme="light"] .err{color:#b91c1c}
html[data-theme="light"] .warn{color:#b45309}
html[data-theme="light"] .btn-register{color:#4b5563;border-color:#d1d5db;background:transparent}
html[data-theme="light"] .btn-register:hover{color:#5b4bd6;border-color:#7C6AFF}
/* logo (texto branco) fica escuro no fundo claro */
html[data-theme="light"] img[src$="logo.png"]{filter:invert(1) hue-rotate(180deg)}
/* barra e gaveta do superadmin */
html[data-theme="light"] .nvs{background:#ffffff;border-bottom-color:#e5e7eb}
html[data-theme="light"] .nvs-links a{color:#4b5563}
html[data-theme="light"] .nvs-links a:hover{background:#f5f6fa;color:#111827}
html[data-theme="light"] .nvs-links a.on,html[data-theme="light"] .nvs-dlinks a.on{background:rgba(124,106,255,.12);color:#5b4bd6}
html[data-theme="light"] .nvs-logo{color:#5b4bd6}
html[data-theme="light"] .nvs-user,html[data-theme="light"] .nvs-duser{color:#6b7280}
html[data-theme="light"] .nvs-burger span{background:#111827}
html[data-theme="light"] .nvs-drawer{background:#ffffff;border-right-color:#e5e7eb}
html[data-theme="light"] .nvs-drawer-head,html[data-theme="light"] .nvs-dfoot{border-color:#e5e7eb}
html[data-theme="light"] .nvs-dlinks a{color:#374151}
html[data-theme="light"] .nvs-dlinks a:hover{background:#f5f6fa}
html[data-theme="light"] .nvs-dclose{color:#6b7280}
/* botão de tema */
#tema-toggle{position:fixed;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:60;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(127,127,127,.35);background:#fff;color:#111;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;padding:0}
html[data-theme="dark"] #tema-toggle{background:#1d1d2e;color:#fff}
@media print{#tema-toggle{display:none}}