/* =================== Geek Factory DZ — MODE CLAIR (palette sakura / papier washi) ===================
   Même design, couleurs inspirées : crème, papier, brun encre, rouge brique, rose sakura. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f0e7;
  --bg-2: #f1e7da;
  --surface: #fffaf3;
  --surface-2: #f3e9dc;
  --line: rgba(92, 58, 40, .12);
  --line-2: rgba(92, 58, 40, .22);
  --cream: #2b1d17;
  --cream-2: #5a4336;
  --text: #2b1d17;
  --muted: #8a7466;
  --red: #b5443a;
  --red-2: #8f3029;
  --gold: #b07a2c;
  --pink: #d98d8f;
  --s0: #f7f0e7; --s1: #f3eadf; --s2: #fffaf3; --s3: #efe4d6;
  --ink: 247, 240, 231;
  --hi: #2b1d17;
  --tx2: #5e4a3e;
  --shadow: 0 20px 50px -24px rgba(92, 58, 40, .35);
}
html[data-theme="light"] body::before { background: radial-gradient(1200px 600px at 85% -10%, rgba(217, 141, 143, .18), transparent 60%), radial-gradient(900px 500px at -10% 40%, rgba(181, 68, 58, .06), transparent 60%); }
html[data-theme="light"] ::selection { background: #b5443a; color: #fff; }

/* Zones "sur image" : on garde l'encre sombre pour la lisibilité (cartes illustrées, bannières) */
html[data-theme="light"] :is(.ub-card, .mega-banner, .universe-card, .drop-card, .coming-card, .bento-item, .deals-banner, .duo, .spotlight-product, .uni-statue, .uni-statues > *, .tri-media, .hero-slider, .uni-hero, .uni-closing) {
  --ink: 5, 5, 7; --hi: #fff; --tx2: #e4ddd0; --text: #f3ede2; --cream: #f3ede2; --muted: #c9bfb0;
  --s0: #050507; --s1: #0b0b0e; --s2: #141418; --s3: #1a1a1f; --line: rgba(236, 230, 214, .12); --line-2: rgba(236, 230, 214, .25);
  color: var(--text);
}
html[data-theme="light"] :is(.uni-hero, .uni-closing) { --red: #e5322d; --gold: #f2b544; }

/* ---------- Header ---------- */
html[data-theme="light"] .site-header { background: rgba(250, 245, 238, .92); border-bottom-color: rgba(181, 68, 58, .18); box-shadow: 0 8px 30px -18px rgba(92, 58, 40, .35); }
html[data-theme="light"] .site-header::after { opacity: .35; }
html[data-theme="light"] .brand-logo img { filter: drop-shadow(0 3px 8px rgba(92, 58, 40, .25)); }
html[data-theme="light"] .main-nav > a, html[data-theme="light"] .nav-dropdown > a { color: #3c2a21; }
html[data-theme="light"] .head-search { background: #fffaf3; border-color: rgba(92, 58, 40, .2); }
html[data-theme="light"] .head-search input { color: #2b1d17; }
html[data-theme="light"] .head-search input::placeholder, html[data-theme="light"] .head-search > i { color: #a08d80; }
html[data-theme="light"] .nav-dropdown-menu, html[data-theme="light"] .mega { background: #fffaf3; box-shadow: 0 30px 60px -20px rgba(92, 58, 40, .35); }
html[data-theme="light"] .mega-card { background: #fff; }
html[data-theme="light"] .mega-scrim { background: rgba(92, 58, 40, .18); }
html[data-theme="light"] .mobile-drawer { background: #fbf6ef; }

/* ---------- Cartes & surfaces ---------- */
html[data-theme="light"] .product-card { background: #fffcf7; box-shadow: 0 10px 30px -22px rgba(92, 58, 40, .45); }
html[data-theme="light"] .product-card:hover { box-shadow: 0 24px 44px -22px rgba(181, 68, 58, .45); }
html[data-theme="light"] .product-media, html[data-theme="light"] .mega-card-img, html[data-theme="light"] .uni-cat-img { background: #f1e6d8; }
html[data-theme="light"] .wish-btn { background: rgba(255, 250, 243, .85); color: #2b1d17; }
html[data-theme="light"] .product-stock-low, html[data-theme="light"] .product-stock-out { color: #fff; background: rgba(43, 29, 23, .7); }
html[data-theme="light"] .product-badge { color: #fff; background: #b07a2c; }
html[data-theme="light"] .product-badge.is-promo { background: var(--red); }
html[data-theme="light"] .card, html[data-theme="light"] .cat-card, html[data-theme="light"] .uni-cat, html[data-theme="light"] .tri-card, html[data-theme="light"] .char-card { background: #fffaf3; }
html[data-theme="light"] .tri-main { background: radial-gradient(circle at 50% 0%, rgba(176, 122, 44, .14), transparent 60%), #fffaf3; }
html[data-theme="light"] .char-card:hover, html[data-theme="light"] .char-card.is-active { background: color-mix(in srgb, var(--u) 10%, #fffaf3); }
html[data-theme="light"] .deals-timer { background: linear-gradient(160deg, #fbe9e3, #fffaf3 70%); }
html[data-theme="light"] .countdown > div { background: #fff; }
html[data-theme="light"] .trust-bar, html[data-theme="light"] .footer-trust { background: #f3e9dc; }
html[data-theme="light"] .tab { color: #6f5b4f; }
html[data-theme="light"] .tab:hover { color: #2b1d17; }
html[data-theme="light"] .toast { background: #2b1d17; color: #fbf6ef; }
html[data-theme="light"] .pagination a.is-active { background: #2b1d17; color: #fbf6ef; }
html[data-theme="light"] input:not([type=radio]):not([type=checkbox]), html[data-theme="light"] select, html[data-theme="light"] textarea { color-scheme: light; }

/* ---------- Sections à visuel : voile crème (illustration qui se fond dans le papier) ---------- */
html[data-theme="light"] .story-switch .story-veil { background: linear-gradient(90deg, rgba(247,240,231,.98) 0%, rgba(247,240,231,.93) 32%, rgba(247,240,231,.45) 58%, rgba(247,240,231,.05) 80%, rgba(247,240,231,.25)), linear-gradient(180deg, rgba(247,240,231,.4), transparent 25%, transparent 78%, rgba(247,240,231,.9)); }
html[data-theme="light"] .story-switch .story-tab { background: rgba(255, 250, 243, .9); color: #3c2a21; }
html[data-theme="light"] .story-switch .story-tab.is-active { background: linear-gradient(90deg, color-mix(in srgb, var(--u) 18%, #fffaf3), #fffaf3); color: #2b1d17; }
html[data-theme="light"] .story-panel .uni-title { filter: drop-shadow(0 3px 0 rgba(92,58,40,.18)); }
html[data-theme="light"] .story-panel .story-quote { color: #2b1d17; text-shadow: none; }
html[data-theme="light"] .story-chars img { border-color: #fffaf3; }
html[data-theme="light"] .club::before { background: linear-gradient(90deg, rgba(247,240,231,.3) 0%, rgba(247,240,231,.94) 28%, rgba(247,240,231,.94) 65%, rgba(247,240,231,.3)); }
html[data-theme="light"] .spotlight-veil { background: linear-gradient(90deg, rgba(247,240,231,.97) 22%, rgba(247,240,231,.45) 55%, rgba(247,240,231,.88)), radial-gradient(circle at 55% 50%, rgba(217,141,143,.25), transparent 50%); }
html[data-theme="light"] .uni-feature::before { background: linear-gradient(90deg, rgba(247,240,231,.97) 30%, rgba(247,240,231,.4) 65%, rgba(247,240,231,.6)); }
html[data-theme="light"] .uni-showcase::before { background: radial-gradient(circle at 65% 55%, color-mix(in srgb, var(--u) 18%, transparent), transparent 55%), linear-gradient(90deg, rgba(247,240,231,.95) 25%, rgba(247,240,231,.35)); }
html[data-theme="light"] .cat-banner::before { background-color: #f1e6d8; }
html[data-theme="light"] .cat-banner::after { background: linear-gradient(90deg, rgba(247,240,231,.97) 35%, transparent 80%); }
html[data-theme="light"] .showroom-veil { background: linear-gradient(90deg, rgba(247,240,231,.96) 10%, rgba(247,240,231,.55) 50%, rgba(247,240,231,.15)), linear-gradient(0deg, var(--bg), transparent 30%); }
html[data-theme="light"] .page-hero-bg { opacity: .22; }
html[data-theme="light"] .uni-feature h2, html[data-theme="light"] .uni-feature blockquote { text-shadow: none; }

/* ---------- Rail latéral ---------- */
html[data-theme="light"] .side-rail { background: rgba(255, 250, 243, .96); box-shadow: 0 24px 60px -20px rgba(92, 58, 40, .4); }
html[data-theme="light"] .rail-item { color: #4a3629; }
html[data-theme="light"] .rail-item i { color: var(--red); }
html[data-theme="light"] .rail-item.is-vip, html[data-theme="light"] .rail-item.is-vip i { color: #b07a2c; }
html[data-theme="light"] .rail-top { background: #f3e9dc; color: #4a3629; }

/* ---------- Footer ---------- */
html[data-theme="light"] .site-footer { background: linear-gradient(180deg, #f3e9dc, #ede0cf); }
html[data-theme="light"] .footer-sakura { opacity: .55; }
html[data-theme="light"] .socials a { background: #fffaf3; }
html[data-theme="light"] .pay-icons b { background: #fffaf3; color: #4a3629; }

/* ---------- Bouton thème ---------- */
.theme-toggle { position: relative; width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line-2); color: var(--cream); background: transparent; overflow: hidden; transition: background .25s, border-color .25s, transform .3s; }
.theme-toggle:hover { border-color: var(--red); color: var(--red); transform: rotate(-12deg); }
.theme-toggle i { position: absolute; font-size: 16px; transition: transform .45s cubic-bezier(.3, 1.4, .5, 1), opacity .3s; }
.theme-toggle .fa-sun { transform: translateY(26px) rotate(90deg); opacity: 0; color: #e0a33a; }
.theme-toggle .fa-moon { transform: none; opacity: 1; }
html[data-theme="light"] .theme-toggle .fa-sun { transform: none; opacity: 1; }
html[data-theme="light"] .theme-toggle .fa-moon { transform: translateY(-26px) rotate(-90deg); opacity: 0; }
html[data-theme="light"] .theme-toggle { background: #fffaf3; }
.drawer-theme { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 8px; border-bottom: 1px solid var(--line); width: 100%; text-align: left; }
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after { transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease !important; }
html[data-theme="light"] .btn-ornate { color: #fff; background: linear-gradient(180deg, #c5574c, #9c3a31); box-shadow: inset 0 0 0 2px rgba(255,255,255,.25), inset 0 0 0 4px rgba(90,20,15,.35), 0 12px 28px -12px rgba(181,68,58,.6); }
html[data-theme="light"] .story-panel .story-quote span { filter: brightness(.8); }
@media (max-width: 980px) { .header-actions .theme-toggle { width: 36px; height: 36px; flex-basis: 36px; } }
@media (max-width: 980px) {
  html[data-theme="light"] .story-switch .story-veil { background: linear-gradient(180deg, rgba(247,240,231,.92), rgba(247,240,231,.86) 45%, rgba(247,240,231,.97)); }
}

/* ---------- Mode clair : voiles sombres sur les images (hero slider + "Des produits dans leur univers") ---------- */
html[data-theme="light"] .story-switch {
  --ink: 5, 5, 7; --hi: #fff; --tx2: #e4ddd0; --text: #f3ede2; --cream: #f3ede2; --muted: #c9bfb0;
  --s0: #050507; --s1: #0b0b0e; --s2: #141418; --s3: #1a1a1f; --line: rgba(236, 230, 214, .12); --line-2: rgba(236, 230, 214, .25);
  color: var(--text); background: #050507;
}
html[data-theme="light"] .story-switch .story-veil { background: linear-gradient(90deg, rgba(5,5,7,.94) 0%, rgba(5,5,7,.84) 32%, rgba(5,5,7,.4) 60%, rgba(5,5,7,.12) 80%, rgba(5,5,7,.45)), linear-gradient(180deg, rgba(5,5,7,.45), transparent 25%, transparent 75%, rgba(5,5,7,.75)); }
html[data-theme="light"] .story-switch .story-tab { background: rgba(14, 14, 18, .72); color: #ece6d6; border-color: rgba(236, 230, 214, .14); }
html[data-theme="light"] .story-switch .story-tab.is-active { background: linear-gradient(90deg, color-mix(in srgb, var(--u) 30%, #141418), rgba(20, 20, 24, .85)); color: #fff; }
html[data-theme="light"] .story-panel .uni-title { filter: drop-shadow(0 3px 10px rgba(0,0,0,.5)); }
html[data-theme="light"] .story-panel .story-quote { color: #fff; text-shadow: 0 2px 14px #000; }
html[data-theme="light"] .story-panel .story-quote span { filter: none; }
html[data-theme="light"] .story-chars img { border-color: #0b0b0e; }
html[data-theme="light"] .hero-slider .hero-dz-veil { background: linear-gradient(90deg, rgba(5,5,7,.85) 0%, rgba(5,5,7,.2) 30%, transparent 50%, rgba(5,5,7,.2) 75%, rgba(5,5,7,.55)), linear-gradient(180deg, rgba(5,5,7,.4), transparent 25%, transparent 70%, rgba(5,5,7,.92)); }
html[data-theme="light"] .hero-slider :is(.hs-legends, .hs-showroom) .hero-dz-veil { background: linear-gradient(90deg, rgba(5,5,7,.92) 0%, rgba(5,5,7,.7) 24%, rgba(5,5,7,.1) 48%, transparent 70%), linear-gradient(180deg, rgba(5,5,7,.35), transparent 22%, transparent 70%, rgba(5,5,7,.92)); }
@media (max-width: 980px) {
  html[data-theme="light"] .story-switch .story-veil { background: linear-gradient(180deg, rgba(5,5,7,.78), rgba(5,5,7,.6) 40%, rgba(5,5,7,.94)); }
  html[data-theme="light"] .hero-slider .hero-dz-veil, html[data-theme="light"] .hero-slider :is(.hs-legends, .hs-showroom) .hero-dz-veil { background: linear-gradient(180deg, rgba(5,5,7,.88) 0%, rgba(5,5,7,.5) 35%, rgba(5,5,7,.15) 60%, rgba(5,5,7,.92)); }
}

/* =====================================================================
   MODE CLAIR — pages Univers, Katanas, TCG
   Sections de contenu en papier crème ; seuls les blocs illustrés
   (héros, scènes, bannières, cartes-images) restent des îlots sombres.
   ===================================================================== */
html[data-theme="light"] :is(.ut-page, .kk-page, .tg-page) {
  --lp-paper: #f7f0e7; --lp-paper-2: #f1e7da; --lp-card: #fffcf7; --lp-ink: #2b1d17; --lp-ink-2: #5e4a3e; --lp-mut: #6f5a4b;
  --lp-line: rgba(92, 58, 40, .14); --lp-line-2: rgba(92, 58, 40, .24); --lp-shadow: 0 12px 30px -22px rgba(92, 58, 40, .5);
  color-scheme: light; background: var(--lp-paper); color: var(--lp-ink);
}
/* îlots sombres : variables « encre » pour le texte posé sur image */
html[data-theme="light"] :is(.ut-hero, .ut-banner, .dbh, .ut-stage, .ut-spot, .ot-panel, .ut-saga, .ut-tile, .ut-panel-media, .kk-hero, .kk-hcard, .kk-collector, .kk-duo-quote, .tg-hero, .tg-fr, .tg-acc-main, .tg-acc-card) {
  --ink: 5, 5, 7; --hi: #fff; --tx2: #d5cfc2; --text: #ece6d6; --cream: #ece6d6; --muted: #b9afa1; --line: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.16);
  color-scheme: dark;
}
html[data-theme="light"] :is(.ut-hero, .ut-banner, .dbh) { background-color: var(--ut-bg, #0b0909); color: #e9e1d2; }
html[data-theme="light"] :is(.kk-hero, .tg-hero) { background-color: #07070a; color: #ece6d6; }

/* ---------- Univers : sections ---------- */
html[data-theme="light"] .ut-sagas-section { background: var(--lp-paper-2); border-bottom: 1px solid var(--lp-line); padding-bottom: 18px; }
html[data-theme="light"] .ut-sagas-head h2 { color: color-mix(in srgb, var(--ut-gold) 42%, #2b1d17); }
html[data-theme="light"] .ut-sagas-head p { color: var(--lp-mut); }
html[data-theme="light"] .ut-saga { box-shadow: var(--lp-shadow); }
html[data-theme="light"] .ut-saga-all { color: var(--lp-ink); background: var(--lp-card); border-color: rgb(var(--ut-gold-rgb) / .6); }
html[data-theme="light"] .ut-saga-all i { color: color-mix(in srgb, var(--ut-red) 80%, #000); }

html[data-theme="light"] .ut-tiles-section { background: linear-gradient(180deg, var(--lp-paper-2), var(--lp-paper)); border-color: var(--lp-line-2); }
html[data-theme="light"] .ut-tile { box-shadow: var(--lp-shadow); }
html[data-theme="light"] .ot-tiles-section { background: radial-gradient(60% 120% at 50% 0%, rgb(var(--ut-red-rgb) / .06), transparent 70%), linear-gradient(180deg, var(--lp-paper-2), var(--lp-paper)); }
html[data-theme="light"] .ot-tiles { background: linear-gradient(180deg, #fffaf3, #f6ecdf); box-shadow: 0 20px 50px -30px rgba(92, 58, 40, .55); }

html[data-theme="light"] .ut-show { background: var(--lp-paper); }
html[data-theme="light"] .ut-stage { background-color: var(--ut-bg); }
html[data-theme="light"] .ut-stage-veil { background: linear-gradient(90deg, rgba(var(--ut-ink), .92) 0%, rgba(var(--ut-ink), .55) 30%, transparent 46%), linear-gradient(180deg, rgba(var(--ut-ink), .55) 0%, transparent 16%, transparent 78%, rgba(var(--ut-ink), .55) 100%); }
html[data-theme="light"] .ut-phares { margin-top: 26px; }
html[data-theme="light"] .ut-phares .ut-h3 { color: var(--lp-ink); }
html[data-theme="light"] .ut-arrows button { background: var(--lp-card); border-color: var(--lp-line-2); color: var(--lp-ink); }
html[data-theme="light"] .ut-arrows button:hover { background: var(--ut-red); border-color: var(--ut-red); color: #fff; }
html[data-theme="light"] .ut-card.product-card { background: var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .ut-card-media { background: #f1e6d8; }
html[data-theme="light"] .ut-card-name { color: var(--lp-ink); }
html[data-theme="light"] :is(.ut-card-sub, .ut-rate, .ut-price s) { color: var(--lp-mut); }
html[data-theme="light"] .ut-price strong { color: color-mix(in srgb, var(--ut-red) 85%, #000); }
html[data-theme="light"] .ut-link { color: color-mix(in srgb, var(--ut-red) 85%, #000); }

html[data-theme="light"] .ut-panel { background: radial-gradient(120% 80% at 50% 0%, rgb(var(--ut-red-rgb) / .06), transparent 60%), linear-gradient(180deg, #fffcf7, #f8efe3); border-color: rgb(var(--ut-gold-rgb) / .5); box-shadow: var(--lp-shadow); color: var(--lp-ink); }
html[data-theme="light"] .ut-panel::before { border-color: rgb(var(--ut-gold-rgb) / .25); }
html[data-theme="light"] .ut-panel:hover { box-shadow: 0 22px 50px -24px rgb(var(--ut-red-rgb) / .55); }
html[data-theme="light"] .ut-panel > header .ut-h3 { color: var(--lp-ink); }
html[data-theme="light"] .ut-panel > header .ut-h3.ut-gold { color: color-mix(in srgb, var(--ut-gold) 60%, #4a2c0c); }
html[data-theme="light"] .ut-panel > header p { color: var(--lp-mut); }
html[data-theme="light"] .ut-panel .ut-badges { color: var(--lp-ink-2); }
html[data-theme="light"] .ut-panel .ut-badges i { color: color-mix(in srgb, var(--ut-gold) 65%, #4a2c0c); }
html[data-theme="light"] .ut-panel > .ut-btn-ghost { background: transparent; color: var(--lp-ink); border-color: color-mix(in srgb, var(--ut-red) 70%, #000); box-shadow: none; }
html[data-theme="light"] .ut-panel:hover > .ut-btn-ghost { background: var(--ut-red); color: #fff; }

html[data-theme="light"] .ot-section, html[data-theme="light"] .ut-spot-section { background: var(--lp-paper); }
html[data-theme="light"] .ot-panel { box-shadow: inset 0 0 0 6px #0b0908, inset 0 0 0 7px rgba(184, 146, 90, .28), inset 0 0 60px rgba(0, 0, 0, .9), 0 24px 50px -26px rgba(92, 58, 40, .7); }
html[data-theme="light"] .ut-spot { box-shadow: 0 24px 50px -28px rgba(92, 58, 40, .7); }

html[data-theme="light"] .ut-strip { background: linear-gradient(90deg, #f1e7da, #faf4ec 50%, #f1e7da); border-color: var(--lp-line-2); }
html[data-theme="light"] .ut-strip-item { color: var(--lp-ink-2); }
html[data-theme="light"] .ut-strip-item i { color: color-mix(in srgb, var(--ut-gold) 65%, #4a2c0c); }
html[data-theme="light"] .ut-strip-item:nth-child(2) i { color: color-mix(in srgb, var(--ut-red) 85%, #000); }
html[data-theme="light"] .ut-strip-logo { color: var(--lp-ink); }
html[data-theme="light"] .ut-strip-logo span { color: var(--lp-mut); }
html[data-theme="light"] .ut-strip blockquote { color: var(--lp-ink); }
html[data-theme="light"] .ut-page #other-universes { background: var(--lp-paper); }
html[data-theme="light"] .ut-page #other-universes .h-bar { color: var(--lp-ink); }

/* Dragon Ball */
html[data-theme="light"] .dbh-cats ul { background: rgba(255, 250, 243, .96); border-color: var(--lp-line-2); box-shadow: 0 20px 40px -22px rgba(92, 58, 40, .55); }
html[data-theme="light"] .dbh-cats li + li { border-color: var(--lp-line); }
html[data-theme="light"] .dbh-cats a { color: var(--lp-ink); }
html[data-theme="light"] .dbh-cats a i { color: #a0582a; }
html[data-theme="light"] .dbh-cats a small { background: rgba(92, 58, 40, .08); color: var(--lp-mut); }
html[data-theme="light"] .dbh-cats a:hover { background: rgba(229, 50, 45, .08); color: var(--lp-ink); }
html[data-theme="light"] .dbh-cats a.is-on { color: #fff; }
html[data-theme="light"] .dbh-cats a.is-on i { color: #fff; }
html[data-theme="light"] .dbh-picks { background: radial-gradient(60% 80% at 80% 0%, rgba(255, 120, 30, .07), transparent 70%), var(--lp-paper); }
html[data-theme="light"] .dbh-head h2 { color: var(--lp-ink); }
html[data-theme="light"] .dbh-head a { color: #c0281f; }
html[data-theme="light"] .dbh-head a:hover { color: var(--lp-ink); }
html[data-theme="light"] .dbh-card { background: var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .dbh-card-media { background: #f1e6d8; }
html[data-theme="light"] .dbh-card-name { color: var(--lp-ink); }
html[data-theme="light"] :is(.dbh-card-sub, .dbh-card-rate, .dbh-price s) { color: var(--lp-mut); }
html[data-theme="light"] .dbh-price strong { color: #c0281f; }
html[data-theme="light"] .dbh-qcard { box-shadow: var(--lp-shadow); }

/* ---------- Katanas ---------- */
html[data-theme="light"] .kk-heroes { background: var(--lp-paper); padding-top: 18px; }
html[data-theme="light"] .kk-hcard { box-shadow: 0 14px 30px -20px rgba(92, 58, 40, .7); }
html[data-theme="light"] .kk-h { color: var(--lp-ink); }
html[data-theme="light"] .kk-kicker { color: #c0281f; }
html[data-theme="light"] .kk-pill { border-color: var(--lp-line-2); color: var(--lp-ink); background: var(--lp-card); }
html[data-theme="light"] .kk-pill:hover { border-color: var(--kr); color: #c0281f; }
html[data-theme="light"] .kk-cat { background: var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .kk-cat-media { background: #f1e6d8; }
html[data-theme="light"] .kk-cat-body strong { color: var(--lp-ink); }
html[data-theme="light"] .kk-cat-body span, html[data-theme="light"] .kk-cat > i { color: var(--lp-mut); }
html[data-theme="light"] .kk-chips button { background: var(--lp-card); border-color: var(--lp-line-2); color: var(--lp-ink-2); }
html[data-theme="light"] .kk-chips button:hover { color: var(--lp-ink); }
html[data-theme="light"] .kk-chips button.is-on { background: rgba(229, 50, 45, .12); border-color: var(--kr); color: #a51f19; }
html[data-theme="light"] .kk-card { background: var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .kk-card-media { background: #f1e6d8; }
html[data-theme="light"] .kk-card-name { color: var(--lp-ink); }
html[data-theme="light"] :is(.kk-card-uni, .kk-card-rate, .kk-price s, .kk-empty) { color: var(--lp-mut); }
html[data-theme="light"] .kk-price strong { color: #c0281f; }
html[data-theme="light"] .kk-collector, html[data-theme="light"] .kk-duo { border-color: var(--lp-line); }
html[data-theme="light"] .kk-collector { background: #07070a; }
html[data-theme="light"] .kk-duo-quote { background: #07070a; }
html[data-theme="light"] .kk-duo-quote::before { background: linear-gradient(90deg, rgba(7, 7, 10, .8), rgba(7, 7, 10, .2) 55%, transparent); }
html[data-theme="light"] .kk-duo-care { background: radial-gradient(80% 100% at 100% 0%, rgba(229, 50, 45, .07), transparent 60%), var(--lp-paper-2); }
html[data-theme="light"] .kk-care { background: var(--lp-card); border-color: var(--lp-line); color: var(--lp-ink); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .kk-care:hover { color: var(--lp-ink); }
html[data-theme="light"] .kk-duo-care .kk-btn { color: #a51f19; background: rgba(229, 50, 45, .08); box-shadow: none; }
html[data-theme="light"] .kk-duo-care .kk-btn:hover { color: #fff; background: var(--kr); }
html[data-theme="light"] .kk-strip { background: var(--lp-paper-2); border-top: 1px solid var(--lp-line); }
html[data-theme="light"] .kk-strip i { color: #a0582a; }
html[data-theme="light"] .kk-strip strong { color: var(--lp-ink); }
html[data-theme="light"] .kk-strip span { color: var(--lp-mut); }

/* ---------- Cartes TCG ---------- */
html[data-theme="light"] .tg-fr { box-shadow: var(--lp-shadow); }
html[data-theme="light"] .tg-type { background: radial-gradient(120% 90% at 50% 0%, rgba(229, 50, 45, .07), transparent 60%), var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .tg-type:hover { background: radial-gradient(120% 90% at 50% 0%, rgba(229, 50, 45, .14), transparent 65%), var(--lp-card); }
html[data-theme="light"] .tg-type svg { stroke: #c0281f; filter: none; }
html[data-theme="light"] .tg-type strong { color: var(--lp-ink); }
html[data-theme="light"] .tg-type span { color: var(--lp-mut); }
html[data-theme="light"] .tg-h { color: var(--lp-ink); }
html[data-theme="light"] .tg-h i { color: #b07a2c; }
html[data-theme="light"] .tg-head-sub { color: var(--lp-mut); }
html[data-theme="light"] .tg-more { color: #c0281f; }
html[data-theme="light"] .tg-more:hover { color: var(--lp-ink); }
html[data-theme="light"] .tg-pick { background: var(--lp-card); border-color: var(--lp-line); box-shadow: var(--lp-shadow); }
html[data-theme="light"] .tg-pick-media { background: radial-gradient(70% 60% at 50% 55%, rgba(229, 50, 45, .1), transparent 70%), #f1e6d8; }
html[data-theme="light"] .tg-pick-name { color: var(--lp-ink); }
html[data-theme="light"] .tg-pick-name:hover { color: var(--lp-ink); }
html[data-theme="light"] :is(.tg-pick-fr, .tg-price s) { color: var(--lp-mut); }
html[data-theme="light"] .tg-price strong { color: #c0281f; }
html[data-theme="light"] .tg-add { color: #c0281f; }
html[data-theme="light"] .tg-add:hover { color: #fff; }
html[data-theme="light"] .tg-acc-main, html[data-theme="light"] .tg-acc-card { box-shadow: var(--lp-shadow); background-color: #08080b; }
html[data-theme="light"] .tg-strip { background: var(--lp-paper-2); border-color: var(--lp-line); }
html[data-theme="light"] .tg-strip i { color: #a0582a; }
html[data-theme="light"] .tg-strip strong { color: var(--lp-ink); }
html[data-theme="light"] .tg-strip span { color: var(--lp-mut); }
html[data-theme="light"] .dbh-cats a.is-on { background: linear-gradient(180deg, #e5322d, #a8170f); box-shadow: inset 0 0 0 1px rgba(255, 90, 60, .6), 0 8px 18px -10px rgba(181, 40, 30, .8); }

/* ---------- Mode clair : Naruto (en-tête bannière) ----------
   L'illustration + le texte restent sombres ; sous la bande de réassurance,
   l'image se fond dans le papier et les thèmes / vitrines deviennent des cartes claires. */
html[data-theme="light"] .ut-banner { background-color: var(--lp-paper); }
html[data-theme="light"] .ut-banner-veil { background:
  linear-gradient(90deg, rgba(var(--ut-ink), .96) 0%, rgba(var(--ut-ink), .78) 24%, rgba(var(--ut-ink), .2) 46%, transparent 62%, rgba(var(--ut-ink), .35) 88%, rgba(var(--ut-ink), .7) 100%),
  linear-gradient(180deg, rgba(var(--ut-ink), .55), transparent 18%, transparent 44%, rgba(var(--ut-ink), .7) 53%, rgba(247, 240, 231, .9) 62%, var(--lp-paper) 68%); }
html[data-theme="light"] .ut-banner-trust.ut-trust-under { background: rgba(12, 8, 6, .9); border-radius: 0 10px 10px 0; padding-right: 26px; }

html[data-theme="light"] .nt-themes { background: linear-gradient(180deg, #fffaf3, #f6ecdf); border-color: rgba(176, 122, 44, .4); box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .6), 0 24px 50px -30px rgba(92, 58, 40, .6); }
html[data-theme="light"] .nt-card { background: #fffcf7; border-color: rgba(176, 122, 44, .3); box-shadow: 0 10px 22px -18px rgba(92, 58, 40, .6); }
html[data-theme="light"] .nt-img::after { background: linear-gradient(180deg, transparent 62%, rgba(43, 29, 23, .35)); }
html[data-theme="light"] .nt-ico { box-shadow: 0 0 0 3px #fffcf7, 0 6px 14px -4px rgba(224, 102, 26, .7); }
html[data-theme="light"] .nt-body strong { color: var(--lp-ink); }
html[data-theme="light"] .nt-body small { color: var(--lp-mut); }
html[data-theme="light"] .nt-card.is-on { border-color: #ff5a2a; box-shadow: 0 0 0 1px rgba(255, 90, 42, .25), 0 14px 30px -14px rgba(255, 70, 30, .7); }
html[data-theme="light"] .nt-card.is-on .nt-body { background: linear-gradient(180deg, transparent, rgba(255, 120, 40, .12)); }
html[data-theme="light"] .nt-themes .ut-roster-nav { background: #fffcf7; border-color: rgba(176, 122, 44, .45); color: #a0582a; }
html[data-theme="light"] .nt-themes .ut-roster-nav:hover { background: #ff7a1a; color: #fff; }

html[data-theme="light"] .ut-feat { background: radial-gradient(circle at 75% 60%, rgb(var(--ut-red-rgb) / .14), transparent 60%), linear-gradient(160deg, #fffcf7, #f6ecdf); border-color: rgba(176, 122, 44, .4); box-shadow: 0 16px 34px -26px rgba(92, 58, 40, .7); }
html[data-theme="light"] .ut-feat::before { border-color: rgba(176, 122, 44, .2); }
html[data-theme="light"] .ut-feat:hover { box-shadow: 0 22px 40px -22px rgb(var(--ut-red-rgb) / .55); }
html[data-theme="light"] .ut-feat-kicker { color: #c2410c; }
html[data-theme="light"] .ut-feat-title { color: var(--lp-ink); }
html[data-theme="light"] .ut-feat-title small { color: var(--lp-ink-2); }
html[data-theme="light"] .ut-feat p { color: var(--lp-mut); }

@media (max-width: 860px) {
  /* mobile : l'en-tête texte reste sur fond encre, le papier commence aux thèmes */
  html[data-theme="light"] .ut-banner-veil { background: linear-gradient(180deg, rgba(var(--ut-ink), .35), rgba(var(--ut-ink), .55) 30%, rgba(var(--ut-ink), .9) 55%, var(--ut-bg) 70%); }
  html[data-theme="light"] .ut-banner-head { border-image: linear-gradient(transparent 0, transparent 60%, var(--ut-bg) 75%) fill 0 / 0 / 0 100vmax; }
  html[data-theme="light"] .ut-banner-trust.ut-trust-under { border-radius: 0; padding-right: 0; }
}

/* =====================================================================
   MODE CLAIR — PASSE « PRODUCT DESIGN » (audit contraste WCAG AA)
   Règles : texte courant ≥ 4.5:1, grands titres ≥ 3:1.
   Les couleurs d'accent claires (orange, teal, jaune…) sont assombries
   (color-mix avec du noir) dès qu'elles portent du texte sur papier
   ou du texte blanc.
   ===================================================================== */
html[data-theme="light"] {
  --muted: #6f5a4b;            /* était #8a7466 (3.9:1) → 5.7:1 */
  --gold-ink: #8f6410;         /* or lisible sur papier (4.6:1) */
  --ok-ink: #23783f;           /* vert « en stock » lisible */
  --red-ink: #a83a30;
}
html[data-theme="light"] .head-search input::placeholder { color: #7a6453; }
html[data-theme="light"] :is(input, textarea)::placeholder { color: #8a7466; }

/* Onglet actif : la règle .tab claire écrasait le blanc → texte brun sur rouge */
html[data-theme="light"] .tab.is-active { color: #fff; }
html[data-theme="light"] .filter-link.is-active { color: var(--red-ink); background: rgba(181, 68, 58, .12); }
html[data-theme="light"] .filter-link.is-active em { color: var(--red-ink); }

/* Badges produit : or vif + encre (comme le mode sombre), promo / nouveau plus profonds */
html[data-theme="light"] .product-badge { background: #f2b544; color: #2b1d17; }
html[data-theme="light"] .product-badge.is-promo { background: #b8261f; color: #fff; }
html[data-theme="light"] :is(.ut-badge.is-new, .tg-badge.is-new, .fg-badge.is-new, .dbh-badge.is-new) { background: var(--ok-ink); }
html[data-theme="light"] :is(.fg-badge.is-promo, .tg-badge.is-promo, .kk-badge.is-promo, .kk-badge.is-new, .dbh-badge.is-red) { background: #b8261f; }

/* Rail latéral + bas de pied de page (fond #e9dccb) */
html[data-theme="light"] .rail-item.is-vip, html[data-theme="light"] .rail-item.is-vip i { color: var(--gold-ink); }
html[data-theme="light"] .ft-bottom-inner { color: #5e4a3e; }
html[data-theme="light"] .ft-bottom-inner b { color: #2b1d17; }
html[data-theme="light"] .ft-pay b { color: #5e4a3e; border-color: rgba(92, 58, 40, .28); background: rgba(255, 255, 255, .45); }
html[data-theme="light"] .trust-quote { color: #5e4a3e; }

/* Accueil : petits textes */
html[data-theme="light"] .pp2-kicker { color: #b8261f; }
html[data-theme="light"] .drops2-next-label, html[data-theme="light"] .drops2-next-when { color: #5e4a3e; }
.kira-count { color: #9a948a; }

/* ---------- Accueil variante B : « Explore nos univers » était blanc sur crème ---------- */
html[data-theme="light"] .hvb-uni-head h2 { color: #2b1d17; }
html[data-theme="light"] .hvb-uni-head p { color: #5e4a3e; }
html[data-theme="light"] .hvb-uni-nav button { border-color: rgba(92, 58, 40, .28); color: #2b1d17; background: #fffaf3; box-shadow: 0 6px 14px -10px rgba(92, 58, 40, .6); }
html[data-theme="light"] .hvb-uni-nav button:hover { background: #b5443a; border-color: #b5443a; color: #fff; }
html[data-theme="light"] .hvb-card .hvb-frame { filter: drop-shadow(0 14px 18px rgba(92, 58, 40, .35)); }

/* ---------- Accueil variante C : bande de confiance + panneau univers ---------- */
html[data-theme="light"] .hvc-trust { border-bottom-color: rgba(92, 58, 40, .14); }
html[data-theme="light"] .hvc-trust li { color: #6f5a4b; }
html[data-theme="light"] .hvc-trust i { color: #b5443a; }
html[data-theme="light"] .hvc-trust strong { color: #2b1d17; }
html[data-theme="light"] .hvc-panel { background: linear-gradient(180deg, #fffcf7, #f6ecdf); border-color: rgba(92, 58, 40, .14); box-shadow: 0 30px 60px -36px rgba(92, 58, 40, .55); }
html[data-theme="light"] .hvc-head h2 { color: #2b1d17; }
html[data-theme="light"] .hvc-nav button { border-color: rgba(92, 58, 40, .28); color: #2b1d17; background: #fffaf3; }
html[data-theme="light"] .hvc-nav button:hover { background: #b5443a; border-color: #b5443a; color: #fff; }
html[data-theme="light"] .hvc-card { border-color: rgba(92, 58, 40, .12); box-shadow: 0 14px 26px -18px rgba(43, 29, 23, .7); }

/* ---------- Pages catalogue (Figurines / Mangas / TCG hub) : accent assombri ---------- */
html[data-theme="light"] .kt-page { --kr-d: color-mix(in srgb, var(--kr) 62%, #000); }
html[data-theme="light"] .kt-page .link-red { color: var(--kr-d); }
html[data-theme="light"] .kt-card-foot strong { color: var(--kr-d); }
html[data-theme="light"] .kt-badge { background: var(--kr-d); }
html[data-theme="light"] .kt-badge.b-promo { background: #b8261f; }
html[data-theme="light"] :is(.kt-badge.b-ditionpr, .kt-badge.b-exclusif, .kt-badge.b-ditionli) { background: #f2b544; color: #2b1d17; }
html[data-theme="light"] .kt-chips button { background: #fffcf7; border-color: rgba(92, 58, 40, .2); color: #5e4a3e; }
html[data-theme="light"] .kt-chips button:hover { color: #2b1d17; }
html[data-theme="light"] .kt-chips button.is-on { background: var(--kr-d); border-color: var(--kr-d); color: #fff; }
html[data-theme="light"] .kt-chips button i { color: var(--kr-d); }
html[data-theme="light"] .kt-chips button.is-on i { color: #fff; }
html[data-theme="light"] .kt-unis button.is-on i { background: #fff; }
html[data-theme="light"] .kt-cat, html[data-theme="light"] .kt-card { box-shadow: 0 12px 30px -22px rgba(92, 58, 40, .5); border-color: rgba(92, 58, 40, .12); }
html[data-theme="light"] .kt-guide article { background: #fffcf7; box-shadow: 0 12px 30px -24px rgba(92, 58, 40, .5); }
html[data-theme="light"] .kt-guide article b { color: color-mix(in srgb, var(--kr) 30%, transparent); }
html[data-theme="light"] .kt-arrows button { background: #fffcf7; color: #2b1d17; border-color: rgba(92, 58, 40, .24); }

/* Figurines : filtres + « pièces phares » + bandeau signature (restaient sombres) */
html[data-theme="light"] .fg-chip { background: #fffcf7; border-color: rgba(92, 58, 40, .2); color: #2b1d17; box-shadow: 0 6px 16px -14px rgba(92, 58, 40, .6); }
html[data-theme="light"] .fg-chip i { color: #a83a30; }
html[data-theme="light"] .fg-chip:hover { border-color: #b5443a; color: #2b1d17; }
html[data-theme="light"] .fg-chip.is-on { background: #b8261f; border-color: #b8261f; color: #fff; box-shadow: 0 10px 22px -12px rgba(184, 38, 31, .7); }
html[data-theme="light"] .fg-chip.is-on i { color: #fff; }
html[data-theme="light"] .fg-all { color: #b8261f; }
html[data-theme="light"] .fg-all:hover { color: #2b1d17; }
html[data-theme="light"] .fg-card { background: #fffcf7; border-color: rgba(92, 58, 40, .12); box-shadow: 0 12px 30px -22px rgba(92, 58, 40, .5); }
html[data-theme="light"] .fg-card-media { background: #f1e6d8; }
html[data-theme="light"] .fg-card-name { color: #2b1d17; }
html[data-theme="light"] :is(.fg-card-sub, .fg-card-uni, .fg-card-rate, .fg-price s) { color: #6f5a4b; }
html[data-theme="light"] .fg-price strong { color: #b8261f; }
html[data-theme="light"] .fg-sign { background: radial-gradient(60% 120% at 50% 50%, rgba(181, 68, 58, .06), transparent 70%), #f1e7da; border-color: rgba(92, 58, 40, .14); }
html[data-theme="light"] .fg-sign-item { color: #5e4a3e; }
html[data-theme="light"] .fg-sign-item i { color: var(--gold-ink); }
html[data-theme="light"] .fg-sign-item:nth-of-type(2) i { color: #b8261f; }
html[data-theme="light"] .fg-sign-quote { color: #2b1d17; }
/* le dégradé de bas de héros finit sur le papier au lieu d'une coupure noire nette */
html[data-theme="light"] :is(.fg-hero, .kt-hero, .kk-hero, .tg-hero) { box-shadow: 0 24px 40px -30px rgba(43, 29, 23, .55); }

/* ---------- Fiche produit ---------- */
html[data-theme="light"] .pdp2-stock, html[data-theme="light"] .rv-verified, html[data-theme="light"] :is(.rv-reco i, .rv-reco b) { color: var(--ok-ink); }

/* ---------- Univers : accents assombris pour le texte ---------- */
html[data-theme="light"] .ut-page { --ut-red-d: color-mix(in srgb, var(--ut-red) 56%, #000); --ut-gold-d: color-mix(in srgb, var(--ut-gold) 48%, #000); }
html[data-theme="light"] :is(.ut-price strong, .ut-link, .ut-page .link-u, .ut-saga-all i, .ut-strip-item:nth-child(2) i) { color: var(--ut-red-d); }
html[data-theme="light"] .ut-badge { background: var(--ut-gold-d); color: #fff; }
html[data-theme="light"] .ut-badge.is-promo { background: var(--ut-red-d); color: #fff; }
html[data-theme="light"] .ut-badge.is-new { color: #fff; }
html[data-theme="light"] .ut-sagas-head p { color: #5e4a3e; }
html[data-theme="light"] :is(.ut-card-sub, .ut-rate, .ut-price s, .dbh-card-sub, .dbh-card-rate, .dbh-price s, .kk-card-uni, .kk-card-rate, .kk-price s, .kk-cat-body span, .tg-pick-fr, .tg-price s, .tg-head-sub) { color: #6f5a4b; }
html[data-theme="light"] :is(.kk-strip span, .tg-strip span) { color: #5e4a3e; }
html[data-theme="light"] .ut-card .add-btn { background: var(--ut-red-d); }
html[data-theme="light"] .ut-arrows button:hover { background: var(--ut-red-d); border-color: var(--ut-red-d); }

/* ---------- Panier / Commande / Merci (textes #d5cfc2 restés du mode sombre) ---------- */
html[data-theme="light"] .co-page { --co-red: #b8261f; --co-mut: #6f5a4b; }
html[data-theme="light"] .co-step-ico { border-color: rgba(92, 58, 40, .28); }
html[data-theme="light"] .co-pay-info { background: #f6eee3; color: #5e4a3e; }
html[data-theme="light"] .co-legal a { color: #2b1d17; }
html[data-theme="light"] .co-promo-mini > b { color: #2b1d17; }
html[data-theme="light"] .co-done-hero > p { color: #5e4a3e; }
html[data-theme="light"] .co-done-hero > p strong:not(.co-ref) { color: #2b1d17; }
html[data-theme="light"] .co-addr { color: #5e4a3e; }
html[data-theme="light"] .co-next li { color: #6f5a4b; }
html[data-theme="light"] .co-next li i { border-color: rgba(92, 58, 40, .24); color: #5e4a3e; }
html[data-theme="light"] .co-next li + li::before { background: rgba(92, 58, 40, .16); }
html[data-theme="light"] .co-next li.is-done { color: #2b1d17; }
html[data-theme="light"] .co-next li.is-done i { color: #fff; }
html[data-theme="light"] .co-btn-ghost { color: #2b1d17; border-color: rgba(92, 58, 40, .28); background: #fffcf7; }
html[data-theme="light"] .co-btn-ghost:hover { border-color: #b8261f; color: #b8261f; }
html[data-theme="light"] .pl-bm em { color: #8f6410; }

/* ---------- En-têtes de pages (Boutique, Favoris…) : image + voile crème lisible ---------- */
html[data-theme="light"] .page-hero { background: #efe5d7; }
html[data-theme="light"] .page-hero-bg { opacity: .55; filter: saturate(.85) contrast(1.05); }
html[data-theme="light"] .page-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(247, 240, 231, .97) 0%, rgba(247, 240, 231, .9) 38%, rgba(247, 240, 231, .55) 70%, rgba(247, 240, 231, .35) 100%), linear-gradient(180deg, transparent 55%, #f7f0e7 100%); }

/* =====================================================================
   VARIANTES DU MODE CLAIR — A classique (rouge) · B rose · C or
   Seuls les CTA rouges principaux changent de couleur.
   ===================================================================== */
/* Sélecteur au survol de l'interrupteur de thème */
.theme-wrap { position: relative; display: flex; }
.lv-menu { position: absolute; top: 100%; right: -8px; z-index: 80; width: 236px; margin-top: 0; padding: 14px 8px 8px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s; }
.lv-menu::before { content: ''; position: absolute; inset: 8px 0 0; z-index: -1; border: 1px solid var(--line-2); border-radius: 12px; background: rgba(var(--ink), .96); backdrop-filter: blur(14px); box-shadow: 0 24px 50px -18px rgba(0,0,0,.55); }
.lv-menu-title { margin: 6px 10px 6px; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
@media (hover: hover) {
  .theme-wrap:hover .lv-menu, .theme-wrap:focus-within .lv-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
}
@media (hover: none) { .lv-menu { display: none; } }
.lv-opt { font-family: var(--f-body, inherit); width: 100%; display: flex; align-items: center; gap: 11px; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--cream); text-align: left; cursor: pointer; transition: background .15s; }
.lv-opt:hover { background: rgba(255,255,255,.07); }
.lv-opt b { display: block; font-size: 13px; font-weight: 600; }
.lv-opt small { display: block; font-size: 11px; color: var(--muted); }
.lv-opt span { flex: 1; }
.lv-ok { font-size: 11px; opacity: 0; color: var(--red); }
html[data-theme="light"] .lv-opt.is-on .lv-ok { opacity: 1; }
html[data-theme="light"] .lv-opt.is-on { background: rgba(43, 29, 23, .06); }
.lv-sw { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.55), 0 2px 6px rgba(0,0,0,.25); }
.lv-sw-a { background: linear-gradient(180deg, #f0403a, #c81f19); }
.lv-sw-b { background: linear-gradient(180deg, #f27aa5, #d23f78); }
.lv-sw-c { background: linear-gradient(180deg, #f0cf7a, #b98a2c); }
html[data-theme="light"] .lv-menu::before { background: rgba(255, 252, 247, .97); border-color: rgba(43, 29, 23, .12); box-shadow: 0 24px 50px -20px rgba(60, 35, 20, .35); }
html[data-theme="light"] .lv-opt { color: #2b1d17; }
html[data-theme="light"] .lv-opt:hover { background: rgba(43, 29, 23, .05); }
html[data-theme="light"] .lv-opt small, html[data-theme="light"] .lv-menu-title { color: #6f5a4b; }
/* Tiroir mobile */
.lv-drawer { padding: 14px 0 4px; }
.lv-drawer > span { display: block; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.lv-drawer-opts { display: grid; gap: 4px; }
.lv-drawer .lv-opt { padding: 10px 8px; }

/* Palette des CTA par variante */
html[data-theme="light"][data-lv="b"] { --lv-a: #f2779f; --lv-b: #cf3a73; --lv-sh: rgba(207, 58, 115, .55); --lv-fg: #fff; --lv-line: #e25b8c; }
html[data-theme="light"][data-lv="c"] { --lv-a: #f1d27e; --lv-b: #bf8e2f; --lv-sh: rgba(176, 128, 36, .55); --lv-fg: #2a1a08; --lv-line: #c99a3a; }
html[data-theme="light"]:is([data-lv="b"], [data-lv="c"]) :is(
  .btn-red, .hvb-btn, .hvc-btn, .tg-btn:not(.tg-btn-sm), .fg-btn, .dbh-btn, .kira-btn, .ut-spot-btn,
  .co-btn-red.co-btn-red, .pp-btn.pp-btn, .kt-page.is-red .kt-cta, .ut-acc-red .ut-btn:not(.ut-btn-ghost), .ut-acc-red .ut-btn-frame
) {
  background: linear-gradient(180deg, var(--lv-a), var(--lv-b));
  border-color: var(--lv-line);
  color: var(--lv-fg);
  box-shadow: 0 12px 28px -12px var(--lv-sh), inset 0 1px 0 rgba(255, 255, 255, .25);
  text-shadow: none;
}
html[data-theme="light"]:is([data-lv="b"], [data-lv="c"]) :is(.btn-red, .hvb-btn, .hvc-btn, .tg-btn, .fg-btn, .dbh-btn, .kira-btn, .ut-spot-btn, .kt-cta, .ut-btn, .ut-btn-frame) i { color: inherit; }
/* Katanas : CTA translucide bordé */
html[data-theme="light"]:is([data-lv="b"], [data-lv="c"]) .kk-btn:not(.kk-btn-ghost) { border-color: var(--lv-line); background: linear-gradient(180deg, color-mix(in srgb, var(--lv-b) 42%, transparent), color-mix(in srgb, var(--lv-b) 16%, transparent)); box-shadow: 0 10px 26px -12px var(--lv-sh); }
html[data-theme="light"]:is([data-lv="b"], [data-lv="c"]) .kk-btn:not(.kk-btn-ghost):hover { background: linear-gradient(180deg, var(--lv-a), var(--lv-b)); color: var(--lv-fg); }