/* assets/css/theme-light.css — thème clair pour les pages « application » (tarifs, connexion, inscription, dashboard…)
   Chargé EN DERNIER dans views/partials/header.php. N’agit que lorsque <html data-theme="light"> est posé
   (le script au début de header.php le pose : choix mémorisé, sinon réglage de l’appareil).
   Le thème sombre reste l’habillage historique : aucune règle ici ne le modifie. */

:root[data-theme="light"]{
  /* variables de style.css (dashboard) */
  --bg-0:#F4F6FB; --bg-1:#FFFFFF; --bg-2:#F1F4FB; --bg-3:#E9EEF8;
  --border:#D3DBEA; --border-soft:#E1E7F2;
  --text:#101828; --text-muted:#4F5D78; --text-dim:#667290;
  --accent:#B08A3E; --accent-2:#8F6B2E; --accent-glow:rgba(176,138,62,.25);
  --success:#15803D; --warning:#B45309; --danger:#DC2626; --info:#0369A1;
  --shadow:0 10px 30px rgba(16,24,40,.12);
  /* variables de landing-v2.css (en-tête, tarifs, menu d’agents) */
  --ink:#FBFCFE; --panel:#FFFFFF; --panel-line:#E1E7F2; --line2:#C9D2E4;
  --gold-light:#B08A3E; --paper:#101828; --muted:#4F5D78;
  color-scheme:light;
}

/* Fond de page : on retire les halos dorés pensés pour le sombre */
:root[data-theme="light"] html,
:root[data-theme="light"] body{ background:var(--bg-0); color:var(--text); }
:root[data-theme="light"] body{ background:var(--bg-0); }
:root[data-theme="light"] .main{ background:none; }

/* En-tête fixe et menu latéral */
:root[data-theme="light"] .top-header{ background:rgba(251,252,254,.94); }
:root[data-theme="light"] .btn-primary{ background:#E4C88E; color:#2A1E05; }
:root[data-theme="light"] .btn-secondary{ border:1px solid var(--border); color:var(--text); }
:root[data-theme="light"] .sidebar-menu{ box-shadow:10px 0 30px rgba(16,24,40,.12); }
:root[data-theme="light"] .sidebar-menu:not(.active){ box-shadow:none; }
:root[data-theme="light"] .sidebar-close:hover{ background:rgba(16,24,40,.06); }
:root[data-theme="light"] .submenu{ background:rgba(16,24,40,.04); }
:root[data-theme="light"] .menu-item:hover{ background:rgba(176,138,62,.10); }
:root[data-theme="light"] .sidebar-overlay{ background:rgba(16,24,40,.35); }

/* Dashboard */
:root[data-theme="light"] .topbar{ background:rgba(255,255,255,.7); }
:root[data-theme="light"] .user-menu__panel{ background:#FFFFFF; box-shadow:0 12px 30px rgba(16,24,40,.16); }
:root[data-theme="light"] .kpi-card{ background:var(--bg-1); }
:root[data-theme="light"] .kpi-card__progress,
:root[data-theme="light"] .usage-row__bar{ background:rgba(16,24,40,.08); }
:root[data-theme="light"] .activity-item,
:root[data-theme="light"] .livrable__content,
:root[data-theme="light"] .task-step__delegation{ background:rgba(16,24,40,.05); }
:root[data-theme="light"] .data-table tbody tr:hover{ background:rgba(16,24,40,.03); }
:root[data-theme="light"] .pill--muted,
:root[data-theme="light"] .pill--role.pill--viewer{ background:rgba(16,24,40,.06); }
:root[data-theme="light"] .modal__backdrop{ background:rgba(16,24,40,.45); }
:root[data-theme="light"] .modal__panel{ box-shadow:0 30px 60px rgba(16,24,40,.25); }
:root[data-theme="light"] .toast{ box-shadow:0 10px 30px rgba(16,24,40,.25); }

/* Menu des agents (bandeau « Commencez ici ») */
:root[data-theme="light"] .family-bar-wrap{ box-shadow:0 0 0 4px rgba(176,138,62,.12), 0 4px 20px rgba(176,138,62,.15); }
:root[data-theme="light"] .family-head,
:root[data-theme="light"] .agent-chip{ background:rgba(176,138,62,.07); }
:root[data-theme="light"] .family-head.open,
:root[data-theme="light"] .agent-chip.selected,
:root[data-theme="light"] .agent-chip.owned:hover{ background:rgba(176,138,62,.18); }
:root[data-theme="light"] .subsub-chip{ background:var(--bg-2); }

/* Page Tarifs */
:root[data-theme="light"] .sub-panel{ background:rgba(16,24,40,.03); }
:root[data-theme="light"] .free-banner{ background:rgba(21,128,61,.08); border-color:rgba(21,128,61,.35); }
:root[data-theme="light"] .free-banner .name{ color:#15803D; }
:root[data-theme="light"] .free-banner .badge{ background:#15803D; color:#FFFFFF; }
:root[data-theme="light"] .nudge-box{ background:rgba(180,83,9,.08); border-color:rgba(180,83,9,.35); }
:root[data-theme="light"] .nudge-box p{ color:#B45309; }
:root[data-theme="light"] #discount-note{ color:#15803D; }

/* Ancienne landing (si on y revient) */
:root[data-theme="light"] .text-frame,
:root[data-theme="light"] .sub-frame{ background:var(--panel); }
:root[data-theme="light"] .subsub-frame{ background:var(--bg-2); border-color:var(--border-soft); }

/* Bouton de thème de l’en-tête historique */
.sb-theme-btn{
  width:42px; height:42px; border-radius:50%;
  border:1px solid var(--panel-line, #232E44); background:var(--panel, #111826); color:var(--paper, #EEF1F6);
  cursor:pointer; display:inline-grid; place-items:center; padding:0;
}
.sb-theme-btn:hover{ border-color:var(--gold-light, #F1DDA0); }
.sb-theme-btn svg{ width:18px; height:18px; }
.sb-theme-btn .sun{ display:none; }
:root[data-theme="dark"] .sb-theme-btn .sun{ display:block; }
:root[data-theme="dark"] .sb-theme-btn .moon{ display:none; }