/* =========================================================
   NOVÆ SYSTEMS — Thème clair / sombre
   Le thème sombre reste la valeur par défaut (:root de style.css).
   Le mode clair réécrit les variables + quelques littéraux codés en dur.
   Les maquettes d'app (téléphones, écrans, panneaux code, chat) restent
   volontairement sombres : ce sont des visuels « produit » embarqués.
   ========================================================= */

html{color-scheme:dark}

/* ---------- Bouton de bascule de thème ---------- */
.theme-switch{
  background:none;border:1px solid var(--glass-brd);border-radius:99px;
  width:38px;height:34px;display:grid;place-items:center;padding:0;
  color:var(--muted);cursor:none;transition:color .25s,border-color .25s,background .25s;
}
@media (max-width:900px){.theme-switch{cursor:pointer}}
.theme-switch:hover{color:var(--cyan);border-color:var(--cyan)}
.theme-switch svg{width:17px;height:17px}
.theme-switch__sun{display:block}
.theme-switch__moon{display:none}
html[data-theme="light"] .theme-switch__sun{display:none}
html[data-theme="light"] .theme-switch__moon{display:block}

/* =========================================================
   MODE CLAIR
   ========================================================= */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef1fa;
  --bg-2:#e4e9f5;
  --text:#0e1430;
  --muted:#565f7a;
  --glass:rgba(18,28,68,.035);
  --glass-brd:rgba(18,28,68,.14);
  --glow-cyan:0 0 22px rgba(4,83,241,.25);
}

/* Nav */
html[data-theme="light"] .nav.is-scrolled{background:rgba(238,241,250,.82)}
html[data-theme="light"] .preloader__bar{background:rgba(18,28,68,.10)}

/* Marquee */
html[data-theme="light"] .marquee{background:rgba(18,28,68,.02)}

/* Textes de contenu long qui étaient codés en dur (gris clair) */
html[data-theme="light"] .bpost__body,
html[data-theme="light"] .legal p,
html[data-theme="light"] .legal li{color:#28304d}

/* Tags violets à faible contraste sur fond clair */
html[data-theme="light"] .feature__tags span{color:#6a34c9}

/* Menu déroulant natif (options) */
html[data-theme="light"] .field--sel select option{background:#fff;color:#0e1430}

/* Boutons de retour flottants (pages détail) */
html[data-theme="light"] .pd-back,
html[data-theme="light"] .sv-back{background:rgba(255,255,255,.72)}

/* Ombres adoucies sur les surfaces de contenu (les ombres noires
   par défaut sont trop dures sur fond clair) */
html[data-theme="light"] .card:hover{box-shadow:0 20px 46px rgba(18,28,68,.14),var(--glow-cyan)}
html[data-theme="light"] .project:hover{box-shadow:0 24px 54px rgba(18,28,68,.16)}
html[data-theme="light"] .testi:hover,
html[data-theme="light"] .member:hover,
html[data-theme="light"] .price:hover,
html[data-theme="light"] .pd-feat:hover,
html[data-theme="light"] .sv-step:hover,
html[data-theme="light"] .step:hover{box-shadow:0 18px 44px rgba(18,28,68,.12)}

/* Nav mobile plein écran */
@media (max-width:860px){
  html[data-theme="light"] .nav__links{background:rgba(238,241,250,.98)}
}