/* ==========================================================================
   Proposition 02 « Bento clair » — bouton de thème + mode sombre
   ========================================================================== */
.theme-btn{position:relative;width:46px;height:46px;flex-shrink:0;border:0;border-radius:50%;background:rgba(11,31,20,.06);color:#0B1F14;display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:background-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.theme-btn:hover{transform:rotate(-12deg) scale(1.06)}
.theme-btn svg{position:absolute;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s}
.theme-btn .moon{transform:translateY(130%) rotate(-60deg);opacity:0}
html[data-theme="dark"] .theme-btn{background:rgba(255,255,255,.08);color:#FFD21F}
html[data-theme="dark"] .theme-btn .sun{transform:translateY(-130%) rotate(90deg);opacity:0}
html[data-theme="dark"] .theme-btn .moon{transform:none;opacity:1}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theming *,html.theming *::before,html.theming *::after{transition:background-color .4s,color .4s,border-color .4s,fill .4s!important}

/* ---------- palette ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07120C; --ink:#EAF3EC; --muted:#9DB2A4; --card:#0F1E16;
  --green:#5BD68E; --green2:#3DBE72; --deep:#0E3A22;
  --line:rgba(255,255,255,.08);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 18px 40px -22px rgba(0,0,0,.8);
}
html[data-theme="dark"] body{background:var(--bg)}

/* surfaces blanches → cartes sombres */
html[data-theme="dark"] .pill{background:rgba(12,26,18,.72);border-color:rgba(255,255,255,.08);box-shadow:0 12px 40px -18px rgba(0,0,0,.8)}
html[data-theme="dark"] .more,
html[data-theme="dark"] .seg,
html[data-theme="dark"] .circ,
html[data-theme="dark"] .pc-f,
html[data-theme="dark"] .partners a,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .where,
html[data-theme="dark"] .main.open{background:var(--card)}
html[data-theme="dark"] .card,
html[data-theme="dark"] .partners a,
html[data-theme="dark"] .seg{border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .lang a.on{background:#1E3326;color:var(--ink)}
html[data-theme="dark"] .sports a:hover,
html[data-theme="dark"] .lang,
html[data-theme="dark"] .main{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .fxc:hover{background:#152A1E}
html[data-theme="dark"] .glass{background:rgba(10,24,16,.78);border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .g figcaption{background:rgba(10,24,16,.82)}
html[data-theme="dark"] .g{background:#122219}
html[data-theme="dark"] .dot,
html[data-theme="dark"] .ev::before{border-color:var(--card)}
html[data-theme="dark"] .ev::before{background:var(--card)}
html[data-theme="dark"] .sc.soon{border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .sc.soon .badge{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .form .D{color:#0B1F14}

/* indicateurs et éléments actifs : jaune + texte foncé */
html[data-theme="dark"] .ind,
html[data-theme="dark"] .seg-ind,
html[data-theme="dark"] .sports a[aria-current],
html[data-theme="dark"] .burger,
html[data-theme="dark"] .main.open a.on{background:#FFD21F;color:#0B1F14}
html[data-theme="dark"] .main a.on,
html[data-theme="dark"] .seg button[aria-selected="true"],
html[data-theme="dark"] .seg button[aria-pressed="true"]{color:#0B1F14}
html[data-theme="dark"] .more:hover,
html[data-theme="dark"] .circ:hover{background:#FFD21F;color:#0B1F14}
html[data-theme="dark"] .kitv .seg-ind{background:var(--kfg)}
html[data-theme="dark"] .kitv .seg button[aria-pressed="true"]{color:var(--kbg)}
html[data-theme="dark"] .kitv .seg{background:rgba(255,255,255,.16)}

/* pastilles foncées sur fond clair → rester foncées */
html[data-theme="dark"] .btn .arr,
html[data-theme="dark"] .pc-meta b,
html[data-theme="dark"] .tbl tr.me .pos span,
html[data-theme="dark"] .partners .become,
html[data-theme="dark"] .g.more span i,
html[data-theme="dark"] .where.dom{background:#04100A}
html[data-theme="dark"] .partners .become{color:#FFD21F}

/* textes sur fonds jaunes → foncés */
html[data-theme="dark"] .b-form,
html[data-theme="dark"] .b-year,
html[data-theme="dark"] .g.more,
html[data-theme="dark"] .cta,
html[data-theme="dark"] .btn.y,
html[data-theme="dark"] .n-tag,
html[data-theme="dark"] .hon .ic,
html[data-theme="dark"] .era-head .name.hl,
html[data-theme="dark"] .skip{color:#0B1F14}
html[data-theme="dark"] .b-form .label,
html[data-theme="dark"] .b-year .label{color:#0B1F14!important}
html[data-theme="dark"] .b-form .label::before{background:#0B1F14}
html[data-theme="dark"] .b-year p span{color:#0A6B34}
html[data-theme="dark"] .hon.fin .ic{color:var(--muted)}
html[data-theme="dark"] .dot::after{background:#EAF3EC;color:#0B1F14}

/* textes et couleurs sémantiques */
html[data-theme="dark"] .o-step p,
html[data-theme="dark"] .cols p,
html[data-theme="dark"] .ev p{color:#C3D1C7}
html[data-theme="dark"] .pillr.W{color:#5BD68E;background:rgba(91,214,142,.12)}
html[data-theme="dark"] .pillr.L{color:#FF8A7A;background:rgba(255,138,122,.12)}
html[data-theme="dark"] .pillr.D{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .sp,
html[data-theme="dark"] .partners a{color:#9DB2A4}
html[data-theme="dark"] .sp:hover,
html[data-theme="dark"] .partners a:hover{color:#fff}
html[data-theme="dark"] .tbl tr.me td{background:rgba(255,210,31,.16)}
html[data-theme="dark"] .tbl tr.me td:first-child{box-shadow:inset 3px 0 #FFD21F}
html[data-theme="dark"] .stat.dark,
html[data-theme="dark"] .quote,
html[data-theme="dark"] .foot{background:#0B2C1A}
html[data-theme="dark"] .foot{border:1px solid rgba(255,255,255,.06)}