/* ══════════════════════════════════════════════════════════════
   KreaGlobe — THÈME CLAIR
   Le site est pensé sombre ; le clair s'obtient en redéfinissant
   les mêmes jetons. Règle : ici on ne touche qu'aux VALEURS des
   variables, plus quelques corrections ciblées listées en bas.

   Attention, deux jetons changent de rôle :
     --ink    = la surface (le fond)   sombre → clair
     --blanc  = l'encre (le texte)     clair  → sombre
   et --vif s'assombrit : le vert néon est illisible sur fond clair.
   ══════════════════════════════════════════════════════════════ */
:root[data-native="dark"][data-theme="light"]{
  --ink:#F3FAF2;
  --ink-2:#E8F3E7;
  --ink-3:#DCEBDA;
  --blanc:#0D2414;
  --menthe:#1A6E24;
  --vif:#2A9A45;
  --noir:#0B0D0C;
  color-scheme:light;
}
:root[data-theme="dark"]{color-scheme:dark}

/* bascule douce, uniquement pendant le changement de thème */
:root.theme-anim,:root.theme-anim *,:root.theme-anim *::before,:root.theme-anim *::after{
  transition:background-color .5s ease,color .5s ease,border-color .5s ease,fill .5s ease!important}

/* le logo garde ses couleurs officielles (charte, planche 7) */
:root[data-native="dark"][data-theme="light"] .kg-star{fill:#66D968}
:root[data-native="dark"][data-theme="light"] .nav-home .kg-mark path:first-child{fill:#0D4224}

/* boutons verts : texte blanc, plus net sur un vert assombri */
:root[data-native="dark"][data-theme="light"] .btn-nav,
:root[data-native="dark"][data-theme="light"] .btn-solid,
:root[data-native="dark"][data-theme="light"] .side-tech .side-go{color:#fff}

/* ── hero clair : un ciel de jour, la planète posée dessus ── */
:root[data-native="dark"][data-theme="light"] .portal{
  background:
    radial-gradient(72% 64% at 50% 100%,#CDEFCB 0%,transparent 72%),
    radial-gradient(50% 42% at 50% 0%,#FFFFFF 0%,transparent 80%),
    linear-gradient(180deg,transparent 86%,var(--ink-2) 100%),
    var(--ink)}
:root[data-native="dark"][data-theme="light"] .portal::before{display:none}
/* le noir de l'espace est coupé net au bord de la planète */
:root[data-native="dark"][data-theme="light"] :is(.g-media,.g-uni){
  -webkit-mask-image:
    radial-gradient(circle closest-side at 50% 49.6%,#000 75.4%,transparent 77.6%),
    linear-gradient(180deg,#000 74%,transparent 96%);
  mask-image:
    radial-gradient(circle closest-side at 50% 49.6%,#000 75.4%,transparent 77.6%),
    linear-gradient(180deg,#000 74%,transparent 96%)}
:root[data-native="dark"][data-theme="light"] .g-halo{
  background:radial-gradient(circle closest-side at 50% 49.6%,
    transparent 72%,rgba(42,154,69,.30) 77%,rgba(102,217,104,.16) 86%,transparent 98%);
  opacity:calc(.7 + var(--hv) * .3)}
:root[data-native="dark"][data-theme="light"] .core-word{
  background:linear-gradient(180deg,#0D2414 40%,#1A6E24 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 6px 26px rgba(243,250,242,.9))}
:root[data-native="dark"][data-theme="light"] .core-tag{text-shadow:0 1px 14px rgba(243,250,242,.95)}
:root[data-native="dark"][data-theme="light"] .side{background:rgba(255,255,255,.55)}
:root[data-native="dark"][data-theme="light"] .tethers .t-node{fill:#fff}
:root[data-native="dark"][data-theme="light"] .side-name,
:root[data-native="dark"][data-theme="light"] .side-num,
:root[data-native="dark"][data-theme="light"] .side-tags{text-shadow:0 1px 12px rgba(243,250,242,.9)}

/* ── mode clair UNIFORME (demande client du 3/10) : plus aucun îlot vert foncé.
   Les sections qui avaient un fond sapin en dur reçoivent un fond clair ;
   leurs textes suivent déjà les jetons (--blanc = encre en clair). ── */
:root[data-native="dark"][data-theme="light"] .why{background:var(--ink-2)}
:root[data-native="dark"][data-theme="light"] .why::before{
  background:radial-gradient(64% 56% at 88% 6%,rgba(116,229,92,.18),transparent 70%)}
:root[data-native="dark"][data-theme="light"] :is(.cta,.pcta){
  background:linear-gradient(165deg,#E3F4E1 0%,var(--ink-2) 60%,var(--ink) 100%)}
:root[data-native="dark"][data-theme="light"] .cta::before{
  background:radial-gradient(58% 70% at 50% 118%,rgba(116,229,92,.28),transparent 66%)}
:root[data-native="dark"][data-theme="light"] .bridge{background:var(--ink-3);color:var(--blanc)}
:root[data-native="dark"][data-theme="light"] .bridge::before{opacity:.35}
:root[data-native="dark"][data-theme="light"] :is(.calc-out,.how-panel,.vs-a){
  background:linear-gradient(165deg,color-mix(in srgb,var(--vif) 16%,var(--ink)),var(--ink) 78%)}
:root[data-native="dark"][data-theme="light"] .sc-core{
  background:radial-gradient(closest-side,color-mix(in srgb,var(--vif) 30%,transparent),var(--ink) 88%)}

/* ══════════════════════════════════════════════════════════════
   KREABRAND EN SOMBRE — l'univers clair passe de nuit.
   Ici on ne permute pas les jetons de marque (--sapin sert à la
   fois de titre et d'aplat) : on redéfinit la surface et l'encre,
   puis les jetons sémantiques des micro-pages (--head, --surf…).
   ══════════════════════════════════════════════════════════════ */
:root[data-native="light"][data-theme="dark"]{color-scheme:dark}
:root[data-native="light"][data-theme="dark"] body{
  background:#0B0F0C;color:#E3F1E3;--nav-bg:#0B0F0C}
:root[data-native="light"][data-theme="dark"] body.u-light{
  --surf:#121A14;--surf-2:#16291B;--line:rgba(242,252,242,.12);
  --accent:#74E55C;--head:#F2FCF2;--muted:.72}
:root[data-native="light"][data-theme="dark"] h1,
:root[data-native="light"][data-theme="dark"] h2,
:root[data-native="light"][data-theme="dark"] h3{color:#F2FCF2}

/* accueil KreaBrand, section par section */
:root[data-native="light"][data-theme="dark"]{--noir:#E3F1E3}
:root[data-native="light"][data-theme="dark"] :is(.btn-solid,.btn-nav,.side-go){color:#0B0D0C}
:root[data-native="light"][data-theme="dark"] .hero::before{
  background:
    radial-gradient(72% 62% at 88% 6%,rgba(116,229,92,.22),transparent 66%),
    radial-gradient(80% 70% at 0% 112%,rgba(19,82,26,.55),transparent 62%),
    linear-gradient(160deg,#0E1510,#0B0F0C 60%)}
:root[data-native="light"][data-theme="dark"] .blob{opacity:.28}
:root[data-native="light"][data-theme="dark"] .hero h1 em,
:root[data-native="light"][data-theme="dark"] .me-c .n,
:root[data-native="light"][data-theme="dark"] .pc-n,
:root[data-native="light"][data-theme="dark"] .own-i,
:root[data-native="light"][data-theme="dark"] .pcard .link-a,
:root[data-native="light"][data-theme="dark"] .chip{color:#74E55C}
:root[data-native="light"][data-theme="dark"] :is(.ab,.pcard,.own-c){
  background:#121A14;border-color:rgba(242,252,242,.1)}
:root[data-native="light"][data-theme="dark"] .ab-col+.ab-col{background:#16291B}
:root[data-native="light"][data-theme="dark"] .ab-col+.ab-col .ab-l{color:#C6FFC6}
:root[data-native="light"][data-theme="dark"] :is(.pl,.dv){background:#0B0F0C}
:root[data-native="light"][data-theme="dark"] :is(.me,.me-c,.own){background:#0F1A12}
:root[data-native="light"][data-theme="dark"] .chip{border-color:rgba(116,229,92,.3)}
:root[data-native="light"][data-theme="dark"] .chip:hover{color:#0B0D0C}

/* KreaTech et pages du hub en clair : les grands dégradés sapin deviennent un ciel de jour */
:root[data-native="dark"][data-theme="light"] :is(.hero,.hd,body.u-dark .ph){
  background:
    radial-gradient(80% 70% at 82% 6%,rgba(116,229,92,.28),transparent 66%),
    radial-gradient(70% 60% at 0% 110%,rgba(198,255,198,.7),transparent 62%),
    linear-gradient(165deg,#F7FCF6 0%,#E4F3E2 120%)}
:root[data-native="dark"][data-theme="light"] .uc{background:var(--ink-3)}
:root[data-native="dark"][data-theme="light"] .hero h1 em{color:var(--vif)}
/* page Automatisation : le voile du hero et son halo, version jour */
:root[data-native="dark"][data-theme="light"] .ah-bg::after{
  background:linear-gradient(rgba(243,250,242,.55),rgba(243,250,242,.15) 42%,transparent 62%,var(--ink) 96%)}
:root[data-native="dark"][data-theme="light"] .ah-halo{opacity:.35}

/* micro-pages KreaBrand (pillar.css, body.u-light) en sombre */
:root[data-native="light"][data-theme="dark"] body.u-light .ph{
  background:
    radial-gradient(66% 58% at 90% 2%,rgba(116,229,92,.2),transparent 66%),
    radial-gradient(78% 66% at 2% 110%,rgba(19,82,26,.55),transparent 60%),
    linear-gradient(160deg,#0E1510,#0B0F0C 62%)}
:root[data-native="light"][data-theme="dark"] body.u-light .sp-alt{background:#0F1A12}
:root[data-native="light"][data-theme="dark"] body.u-light :is(.prob-i,.who-c,.viz,.dev-ph,.dl li,.pf-c){
  background:#121A14;border-color:rgba(242,252,242,.1)}
:root[data-native="light"][data-theme="dark"] body.u-light .ph-b .btn-solid{background:#74E55C;color:#0B0D0C}
:root[data-native="light"][data-theme="dark"] body.u-light .inc span:hover{color:#74E55C}

/* hero clair : la planète qui replonge ne doit pas se délaver dans le blanc */
:root[data-native="dark"][data-theme="light"] .portal{--fade:.35;--dim:0}
:root[data-native="dark"][data-theme="light"] .sat{background:rgba(255,255,255,.62);box-shadow:0 10px 26px -14px rgba(13,36,20,.35)}
:root[data-native="dark"][data-theme="light"] .sat.b::before{background:#66D968;box-shadow:none}