/* ═══════════════════════════════════════════════════════════
   DARK / LIGHT MODE — Système par variables sémantiques
   Défaut : sombre (défini dans alicog-base.css)
   Light : inversion des variables ci-dessous
   ═══════════════════════════════════════════════════════════ */

/* Transition douce */
.pg, .pg * { transition: background-color .35s ease, color .35s ease, border-color .35s ease, fill .35s ease; }

/* ── MODE CLAIR : inversion des variables sémantiques ── */
/* Cible tous les wrappers : .pg (pages standard), .hp (accueil), .cnt (contact) */
html[data-theme="light"] .pg,
html[data-theme="light"] .hp,
html[data-theme="light"] .cnt-layout,
html[data-theme="light"] .cnt-page,
html[data-theme="light"] .sim,
html[data-theme="light"] .blg,
html[data-theme="light"] .alicog-header,
html[data-theme="light"] .alicog-footer,
html[data-theme="light"] body {
  --c-bg:#FFFFFF;            /* fond principal → blanc */
  --c-bg-2:#FFFFFF;          /* cartes → blanc */
  --c-bg-soft:#F7FAFD;       /* sections → bleu pâle */
  --c-surface:#FFFFFF;       /* surface → blanc */
  --c-surface-soft:#EFF5FC;  /* surface douce → bleu très pâle */
  --c-border:#E3ECF7;        /* bordures → claires */
  --c-border-soft:#EAF0F7;
  --c-text:#0F1B2D;          /* texte → bleu nuit */
  --c-text-inv:#0F1B2D;      /* ex-blanc → bleu nuit */
  --c-text-2:#3E4E68;        /* secondaire → gris foncé */
  --c-text-muted:#45536E;
  --c-text-soft:#5A6A85;
  --c-on-dark:#3E4E68;       /* ex-clair sur sombre → foncé */
  --c-on-dark-2:#45536E;
}

/* Le dégradé du diagramme hero/why s'adapte */
html[data-theme="light"] .why__diagram { background:linear-gradient(135deg,#EEF4FB,#F7FAFD); }

/* ── BOUTON TOGGLE ── */
.theme-toggle {
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:7px;
  background:rgba(27,114,190,.1); border:1px solid rgba(27,114,190,.35);
  cursor:pointer; transition:all .2s; flex-shrink:0; padding:0;
  color:#1B72BE;
}
.theme-toggle:hover { background:rgba(27,114,190,.18); border-color:#1B72BE; }
.theme-toggle svg { width:16px; height:16px; }
.theme-toggle .ico-sun { display:none; }
.theme-toggle .ico-moon { display:block; }
html[data-theme="light"] .theme-toggle .ico-sun { display:block; }
html[data-theme="light"] .theme-toggle .ico-moon { display:none; }
html[data-theme="light"] .theme-toggle { color:#1B72BE; }




/* ── Lisibilité desktop : textes descriptifs plus affirmés ── */
@media(min-width:1024px){
  .pg__sub,.pg__txt,.pg__card-desc,.pg__step-desc,.pg__li-txt,.pg__signal-txt,
  .hp__sub,.appr__lead,.appr__step-desc,.appr__proof-desc,
  .why__lead,.why__card-desc,.why__proof-desc,
  .srv5__desc,.hp__founder-sub{font-weight:500}
  .pg__gain-l,.appr__pillar span,.why__node-txt{font-weight:600}
}


/* ── Numéros 01/02/03 : toujours visibles dans les deux modes ── */
[class*="__num"]:not(.appr__num):not(.hp__step-num){color:var(--blue-light,#5DA8E0)}
html[data-theme="light"] [class*="__num"]:not(.appr__num):not(.hp__step-num){color:#1B72BE;opacity:.75}


/* ── Numéros 01/02/03 : toujours bien visibles, deux modes ── */
.pg__step-num,.srv5__num,.kpi__dim-num,.abt__reason-num{
  color:#5DA8E0 !important;opacity:1 !important;
}
html[data-theme="light"] .pg__step-num,
html[data-theme="light"] .srv5__num,
html[data-theme="light"] .kpi__dim-num,
html[data-theme="light"] .abt__reason-num{
  color:#1B72BE !important;
}