/* Mode clair aux couleurs de la charte (charte slides, oct. 2026).
   Deux dégradés seulement, jamais de pastel en texte sur fond clair :
   - titres   : #0E1016 → #5B43D6 → #138F7A
   - défilement / chiffres / mots clés : #6B4EE6 → #13A38A
   Chargée en dernier : elle ne touche que l'image de fond des textes en dégradé, pas leurs animations. */
html[data-theme="light"]{
  --grad-text:linear-gradient(92deg,#2E1F86 0%,#5B43D6 45%,#138F7A 100%);
  --grad-clair:linear-gradient(92deg,#6B4EE6 0%,#13A38A 100%);
}

/* Titre du héro de la home : violet → vert d'eau de la charte, posé une fois sur toute la ligne (bleu de passage pour éviter un milieu grisé) */
html[data-theme="light"] body .hero h1 .grad,
html[data-theme="light"] body .hero h1 .grad > i,
html[data-theme="light"] body .hero .grad{background-image:linear-gradient(90deg,#6B4EE6 0%,#4F63E6 40%,#2A8FC4 70%,#13A38A 100%)!important;background-size:100% 100%!important;background-position:0 0!important;animation:none!important}

/* Grands titres des pages (h1) et titres en dégradé */
html[data-theme="light"] h1 .grad,
html[data-theme="light"] h1 .grad i,
html[data-theme="light"] .grad,
html[data-theme="light"] .ev-h .grad,
html[data-theme="light"] .third.grad,
html[data-theme="light"] .fx-title span,
html[data-theme="light"] .spot-item.on h3,
html[data-theme="light"] .ig-core{background-image:var(--grad-text)!important}

/* Mots clés, chiffres et texte qui se remplit au défilement */
html[data-theme="light"] .bw-compose .grad,
html[data-theme="light"] .n90-f,
html[data-theme="light"] .mt-side .four,
html[data-theme="light"] #dive .cv-meter b,
html[data-theme="light"] #dive .hl-big .g,
html[data-theme="light"] .nav-menu .nav-cta b,
html[data-theme="light"] .nav-cta b{background-image:var(--grad-clair)!important}
/* Le titre contact (mots animés) suit déjà --grad-text : on n'y touche pas. */

/* « Nos convictions » : un seul dégradé de la charte, continu sur toute la chute (--hi / --hn posés par convictions.js) */
html[data-theme="light"] .cvm-c .cvm-w{background-image:var(--grad-clair)!important;background-size:calc(var(--hn,1) * 100%) 100%!important;background-position:calc(var(--hi,0) / max(var(--hn,1) - 1, 1) * 100%) 0!important;
  -webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:calc(.18 + var(--k,1) * .82)}

/* Fond du mode clair : blanc cassé lumineux, deux halos à peine teintés au lieu de quatre pastels */
html[data-theme="light"] body:not(.diving){
  --bg:#FAFAFC;
  background:
    radial-gradient(70vw 55vh at 8% 6%,color-mix(in srgb,#BBA8F8 16%,transparent),transparent 70%),
    radial-gradient(60vw 50vh at 96% 22%,color-mix(in srgb,#9BE8D4 12%,transparent),transparent 70%),
    #FAFAFC!important;
  background-attachment:fixed!important}
html[data-theme="light"] body:not(.diving) .aura i{opacity:.18!important}

/* Mode clair : pas de bulles dans le fond des pages intérieures ; la page d'accueil (héro .hero-sticky) les garde, plus colorées */
html[data-theme="light"] body:not(:has(.hero-sticky)) :is(canvas.stars,canvas.bg2){visibility:hidden!important}

/* Plongée, étapes « 01 / 02 / 03 » : la règle d'origine (background raccourci en !important) annulait le découpage au texte */
html[data-theme="light"] #dive .fx-steps li span{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}

/* « As-a-service », « Développement 360° », « Made in France » : texte qui se remplit au défilement → le dégradé « Défilement · clair » de la charte, le même sur les trois lignes */
html[data-theme="light"] .xr-f{background-image:var(--grad-clair)!important}

/* Références (« Une expérience construite sur des projets concrets ») : en mode clair, cartes claires et textes lisibles */
html[data-theme="light"] .vr-stage .vr-img{
  background:radial-gradient(80% 120% at 85% 40%,color-mix(in srgb,var(--c) 38%,transparent),transparent 62%),linear-gradient(170deg,#FFFFFF,#F5F4FA)!important;
  box-shadow:0 0 0 1px rgba(14,16,22,.08),0 30px 60px -32px rgba(14,16,22,.35)!important}
html[data-theme="light"] .vr-stage .vr-l img{filter:brightness(0)!important;opacity:.85}
html[data-theme="light"] .vr-stage .vr-big{background:none!important;-webkit-text-fill-color:currentColor!important;color:oklch(from var(--c) .48 calc(c * 2.4) h)!important}
html[data-theme="light"] .vr-stage .vr-bigl{color:#4B5060!important}
html[data-theme="light"] .vr-cap b{color:#0E1016}
html[data-theme="light"] .vr-cap small,html[data-theme="light"] .vr-in dt{color:oklch(from var(--c) .52 calc(c * 2.6) h)!important}
html[data-theme="light"] .vr-stage .vr-img::after{display:none}
html[data-theme="light"] .vr-stage .vr-scr:not(.on){filter:saturate(.85)!important;opacity:.55}

/* Dégradés du mode clair : jamais de départ noir, toujours une version profonde de la couleur */
html[data-theme="light"] :is(.sc-big,.hl-t,.mt-num,.pv-n,#dive .cy-t){background-image:linear-gradient(110deg,oklch(from var(--c) .3 calc(c * 1.8) h) 10%,oklch(from var(--c) .56 calc(c * 2.4) h) 95%)!important}
html[data-theme="light"] #dive .gm-proof b{background-image:linear-gradient(100deg,oklch(from var(--oc) .3 calc(c * 1.8) h),oklch(from var(--oc) .56 calc(c * 2.4) h))!important}
html[data-theme="light"] :is(.fx-title span,.spot-item.on h3,.ig-core){background-image:var(--grad-text)!important}
html[data-theme="light"] #dive .vr-big{background:none!important;-webkit-text-fill-color:currentColor!important;color:oklch(from var(--c) .48 calc(c * 2.4) h)!important}

/* ===== Mode clair : couleurs de marque lisibles (versions foncées de la charte) ===== */
html[data-theme="light"] .gm-col:nth-child(1),html[data-theme="light"] .hb-brands button[data-hb="0"]{--cd:#5B3FD9}
html[data-theme="light"] .gm-col:nth-child(2),html[data-theme="light"] .hb-brands button[data-hb="1"]{--cd:#0B8A70}
html[data-theme="light"] .gm-col:nth-child(3),html[data-theme="light"] .hb-brands button[data-hb="2"]{--cd:#5F7F00}
html[data-theme="light"] .gm-col h3 em,html[data-theme="light"] .gm-go,html[data-theme="light"] .hb-brands button em{color:var(--cd)!important;font-weight:500}
html[data-theme="light"] .gm-col .gm-tag{color:#4A4F5C}
html[data-theme="light"] .hb-brands button i{background:var(--cd)!important;box-shadow:none!important}
/* bulle du héro : visible sur fond clair, teintée de la couleur du moment */
html[data-theme="light"] .hb-c0{stop-color:#fff;stop-opacity:.2}
html[data-theme="light"] .hb-c1{stop-color:color-mix(in srgb,var(--hc) 22%,#fff);stop-opacity:.55}
html[data-theme="light"] .hb-c2{stop-color:var(--hc);stop-opacity:.45}
html[data-theme="light"] .hb-blob .hb-bevel{stroke:var(--hc);stroke-opacity:.35}
html[data-theme="light"] .hb-blob .hb-rim{stroke:var(--hc);stroke-opacity:.75}
html[data-theme="light"] .hb-blob{filter:drop-shadow(0 30px 60px color-mix(in srgb,var(--hc) 30%,transparent))!important}