/* ===== VERSION « TEAL » — vert petrole · chapitres bleu nuit · CTA jaune (16 sept. 2026, gen_4_versions.py) =====
   4 versions pour le choix d'Omar = 2 palettes (LO petrole/nuit · Omar encre/menthe) x 2 dominantes (bleu · vert), meme source B2j-B.
   Chapitres 2 (The Method) et 4 (l'offre) = autre famille ; accent = autre famille ; CTA constant. Mode CLAIR (K-3) inchange.
   Rythme : #compare et #faq montent de 1 barreau(x) d'echelle dans leur famille ; footer au fond profond. */
:root[data-theme="dark"]{--bg:#022D2B;--surface:#0E3835;--surface-2:#1A4240;--surface-3:#254D4A;--accent:#70B6FD;--accent-mid:#A4BCFF;--accent-deep:#5668BC;--accent-2:#9FB4FF;--accent-line:rgba(112,182,253,0.45);--accent-glow:rgba(112,182,253,0.30);--btn-accent:#70B6FD;--btn-accent-deep:#4859AC;--aura:rgba(112,182,253,0.28);--champ-glow:rgba(112,182,253,0.22);--btn-text:#022D2B;--scrim:2,45,43;--k-veil:#022D2B;--k-btn-tx:#022D2B;--k-btn-tx-hi:#022D2B;--k-label:#FBD16C;--k-play:#70B6FD;--k-play-tx:#022D2B;--k-btn2-hi:#0E3835;--k-btn2-bd:#70B6FD;--k-btn2-tx-hi:#70B6FD;--k-btn2:#70B6FD;--k-btn2-tx:#022D2B;--tx-1:#E6F1EC;--tx-2:rgba(230,241,236,0.76);--tx-3:rgba(230,241,236,0.64);--hairline:rgba(230,241,236,0.12);--border-1:rgba(230,241,236,0.38);--k-btn:#E2BC53;--k-btn-hi:#FBD16C;}
:root[data-theme="dark"] h1 em,:root[data-theme="dark"] h2 em,:root[data-theme="dark"] h3 em,:root[data-theme="dark"] .lead em{color:#70B6FD}
:root[data-theme="dark"] .cmpE{--e-us:#70B6FD;--e-them:#F35E5C;--e-pill:#70B6FD}
:root[data-theme="dark"] .cmpE[data-state="old"]{--e-pill:#F35E5C}
:root[data-theme="dark"] .st-av-ini{color:#70B6FD;background:var(--surface-2)}
:root[data-theme="dark"] #method, :root[data-theme="dark"] #compare, :root[data-theme="dark"] #results{--bg:#131F35;--surface:#1C293F;--surface-2:#26334A;--surface-3:#303D55;--accent:#3CC696;--accent-mid:#69D8AD;--accent-deep:#00835D;--accent-2:#72CBA7;--accent-line:rgba(60,198,150,0.45);--accent-glow:rgba(60,198,150,0.30);--btn-accent:#3CC696;--btn-accent-deep:#00744F;--aura:rgba(60,198,150,0.28);--champ-glow:rgba(60,198,150,0.22);--btn-text:#131F35;--scrim:19,31,53;--k-veil:#131F35;--k-btn-tx:#131F35;--k-btn-tx-hi:#131F35;--k-label:#FBD16C;--k-play:#3CC696;--k-play-tx:#131F35;--k-btn2-hi:#1C293F;--k-btn2-bd:#3CC696;--k-btn2-tx-hi:#3CC696;--k-btn2:#3CC696;--k-btn2-tx:#131F35;background:var(--bg);}
:root[data-theme="dark"] #method h2 em,:root[data-theme="dark"] #method h3 em,:root[data-theme="dark"] #method .lead em,:root[data-theme="dark"] #compare h2 em,:root[data-theme="dark"] #compare h3 em,:root[data-theme="dark"] #compare .lead em,:root[data-theme="dark"] #results h2 em,:root[data-theme="dark"] #results h3 em,:root[data-theme="dark"] #results .lead em{color:#3CC696}
:root[data-theme="dark"] #resources, :root[data-theme="dark"] .rband{--bg:#022D2B;--surface:#0E3835;--surface-2:#1A4240;--surface-3:#254D4A;--accent:#70B6FD;--accent-mid:#A4BCFF;--accent-deep:#5668BC;--accent-2:#9FB4FF;--accent-line:rgba(112,182,253,0.45);--accent-glow:rgba(112,182,253,0.30);--btn-accent:#70B6FD;--btn-accent-deep:#4859AC;--aura:rgba(112,182,253,0.28);--champ-glow:rgba(112,182,253,0.22);--btn-text:#022D2B;--scrim:2,45,43;--k-veil:#022D2B;--k-btn-tx:#022D2B;--k-btn-tx-hi:#022D2B;--k-label:#FBD16C;--k-play:#70B6FD;--k-play-tx:#022D2B;--k-btn2-hi:#0E3835;--k-btn2-bd:#70B6FD;--k-btn2-tx-hi:#70B6FD;--k-btn2:#70B6FD;--k-btn2-tx:#022D2B;background:var(--bg);}
:root[data-theme="dark"] #resources h2 em,:root[data-theme="dark"] #resources h3 em,:root[data-theme="dark"] #resources .lead em,:root[data-theme="dark"] .rband h2 em,:root[data-theme="dark"] .rband h3 em,:root[data-theme="dark"] .rband .lead em{color:#70B6FD}
:root[data-theme="dark"] #method .mstep2 .ck{color:#3CC696}
:root[data-theme="dark"] #compare .cmpE{--e-us:#3CC696;--e-them:#E85454;--e-pill:#3CC696}
:root[data-theme="dark"] #compare .cmpE[data-state="old"]{--e-pill:#E85454}
:root[data-theme="dark"] #compare .cmpE-stage::before{background:radial-gradient(ellipse 50% 120% at 0% 50%,rgba(60,198,150,.14),rgba(60,198,150,0) 65%)}
/* rythme intra-chapitre : echelle decalee (cartes et bordures suivent) */
/* C4 (16 sept., Lamine) : la trust bar prend la couleur de l'AUTRE famille (comme les chapitres 2 et 4) ; son fond reste --surface de cette famille, chiffres dans son accent */
:root[data-theme="dark"] .trustbar{--bg:#131F35;--surface:#1C293F;--surface-2:#26334A;--surface-3:#303D55;--accent:#3CC696;--accent-mid:#69D8AD;--accent-deep:#00835D;--accent-2:#72CBA7;--accent-line:rgba(60,198,150,0.45);--accent-glow:rgba(60,198,150,0.30);--btn-accent:#3CC696;--btn-accent-deep:#00744F;--aura:rgba(60,198,150,0.28);--champ-glow:rgba(60,198,150,0.22);--btn-text:#131F35;--scrim:19,31,53;--k-veil:#131F35;--k-btn-tx:#131F35;--k-btn-tx-hi:#131F35;--k-label:#FBD16C;--k-play:#3CC696;--k-play-tx:#131F35;--k-btn2-hi:#1C293F;--k-btn2-bd:#3CC696;--k-btn2-tx-hi:#3CC696;--k-btn2:#3CC696;--k-btn2-tx:#131F35;}
:root[data-theme="dark"] #compare{--bg:#1C293F;--surface:#26334A;--surface-2:#303D55;--surface-3:#3A4760;--accent:#3CC696;--accent-mid:#69D8AD;--accent-deep:#00835D;--accent-2:#72CBA7;--accent-line:rgba(60,198,150,0.45);--accent-glow:rgba(60,198,150,0.30);--btn-accent:#3CC696;--btn-accent-deep:#00744F;--aura:rgba(60,198,150,0.28);--champ-glow:rgba(60,198,150,0.22);--btn-text:#1C293F;--scrim:28,41,63;--k-veil:#1C293F;--k-btn-tx:#1C293F;--k-btn-tx-hi:#1C293F;--k-label:#FBD16C;--k-play:#3CC696;--k-play-tx:#1C293F;--k-btn2-hi:#26334A;--k-btn2-bd:#3CC696;--k-btn2-tx-hi:#3CC696;--k-btn2:#3CC696;--k-btn2-tx:#1C293F;background:var(--bg);}
:root[data-theme="dark"] #faq{--bg:#1C293F;--surface:#26334A;--surface-2:#303D55;--surface-3:#3A4760;--accent:#3CC696;--accent-mid:#69D8AD;--accent-deep:#00835D;--accent-2:#72CBA7;--accent-line:rgba(60,198,150,0.45);--accent-glow:rgba(60,198,150,0.30);--btn-accent:#3CC696;--btn-accent-deep:#00744F;--aura:rgba(60,198,150,0.28);--champ-glow:rgba(60,198,150,0.22);--btn-text:#1C293F;--scrim:28,41,63;--k-veil:#1C293F;--k-btn-tx:#1C293F;--k-btn-tx-hi:#1C293F;--k-label:#FBD16C;--k-play:#3CC696;--k-play-tx:#1C293F;--k-btn2-hi:#26334A;--k-btn2-bd:#3CC696;--k-btn2-tx-hi:#3CC696;--k-btn2:#3CC696;--k-btn2-tx:#1C293F;background:var(--bg);} /* C19 (17 sept., Lamine) : FAQ dans l'AUTRE famille (+1 barreau), comme la trust bar */
:root[data-theme="dark"] #faq h2 em,:root[data-theme="dark"] #faq h3 em,:root[data-theme="dark"] #faq .lead em{color:#3CC696}
:root[data-theme="dark"] .site-footer{--bg:#002321;background:var(--bg);}