/* ═══ MZ LIGHT MODE (v286) — default theme ═══
   Inversion law: bg always white; the perfume's color (--h2 / --mm) carries
   ALL text + the donut; CTA buttons keep perfume bg + white text.
   Loaded after page styles; html.mzlight gates everything. */

html.mzlight body{background:#FFFFFF !important;color:var(--h2,#141414)}

/* ── theme toggle icon states (both modes) ── */
#themeBtn .ico-sun{display:none}
#themeBtn .ico-moon{display:inline-block}
html.mzlight #themeBtn .ico-moon{display:none}
html.mzlight #themeBtn .ico-sun{display:inline-block}

/* ── header ── */
html.mzlight .h2-nav{color:var(--h2,#141414)}
html.mzlight .h2-nav .h2-logo, html.mzlight .h2-nav a, html.mzlight .h2-nav svg{color:var(--h2,#141414);stroke:currentColor}

/* ── PDP buy fold ── */
html.mzlight .pv-reveal.pv-v2{background:#FFFFFF}
html.mzlight .pv-reveal.pv-v2::after{background:radial-gradient(85% 70% at 50% 10%, color-mix(in srgb, var(--h2) 8%, transparent), transparent 60%)}
html.mzlight .pv-reveal .pv-coll,
html.mzlight .pv-reveal .pv-name,
html.mzlight .pv-reveal .pv-char,
html.mzlight .pv-reveal .pv-priceline,
html.mzlight .pv-reveal .pv-acc-h,
html.mzlight .pv-reveal .pv-acc-inner,
html.mzlight .pv-reveal .pv-acc-inner p,
html.mzlight .pv-reveal .pv-acc2-h,
html.mzlight .pv-reveal .pv-acc2-inner,
html.mzlight .pv-reveal .pv-wid li,
html.mzlight .pv-reveal .pv-wid-h,
html.mzlight .pv-reveal .pv-feels,
html.mzlight .pv-reveal .pv-act b,
html.mzlight .pv-reveal .pv-act span,
html.mzlight .pv-reveal .step-btn,
html.mzlight .pv-reveal .step-val{color:var(--h2)}
html.mzlight .pv-reveal .pv-priceline{background:none;-webkit-text-fill-color:var(--h2)}
html.mzlight .pv-reveal .pv-acc-item{border-color:color-mix(in srgb, var(--h2) 25%, transparent)}
html.mzlight .pv-reveal .pv-acc2-item{border-color:color-mix(in srgb, var(--h2) 18%, transparent)}
html.mzlight .pv-reveal .pv-wid li::before{color:var(--h2)}
html.mzlight .pv-reveal .pv-sizes button{color:var(--h2);border-color:color-mix(in srgb, var(--h2) 45%, transparent);background:#FFF}
html.mzlight .pv-reveal .pv-sizes button.active{background:var(--h2);color:#FFF;border-color:var(--h2)}
html.mzlight .pv-reveal .pv-stepper{border-color:color-mix(in srgb, var(--h2) 45%, transparent)}
html.mzlight .pv-reveal .pv-buynow{background:var(--h2);color:#FFF;border-color:var(--h2)}
html.mzlight .pv-reveal .pv-donut{color:var(--h2)}
html.mzlight .pv-repl{color:#C0392B}

/* ── trustline ── */
html.mzlight .trustline{background:#FFFFFF;box-shadow:0 -1px 16px -4px color-mix(in srgb, var(--h2,#141414) 45%, transparent),0 1px 16px -4px color-mix(in srgb, var(--h2,#141414) 45%, transparent)}
html.mzlight .trustline span{color:var(--h2,#141414)}
html.mzlight .trustline svg{stroke:var(--h2,#141414)}

/* ── Dyadic / pyramid band (mmusp) ── */
html.mzlight .mmusp{background:#FFFFFF}
html.mzlight .mmusp .k{color:color-mix(in srgb, var(--mm,var(--h2)) 70%, transparent)}
html.mzlight .mu-l h2{color:var(--mm,var(--h2))}
html.mzlight .mu-l h2 em{color:var(--mm,var(--h2))}
html.mzlight .mu-r p{color:color-mix(in srgb, var(--mm,var(--h2)) 78%, transparent)}
html.mzlight .mu-r .mu-lead{color:var(--mm,var(--h2))}
html.mzlight .mu-card{background:#FFFFFF;border-color:color-mix(in srgb, var(--mm,var(--h2)) 30%, transparent)}
html.mzlight .mu-num{color:var(--mm,var(--h2));text-shadow:none}
html.mzlight .mu-card figcaption{border-color:color-mix(in srgb, var(--mm,var(--h2)) 18%, transparent)}
html.mzlight .mu-card figcaption p{color:var(--mm,var(--h2))}

/* ── LP bands / ctabands / bigwords on PDPs ── */
html.mzlight main.lp{background:#FFFFFF;color:var(--mm,var(--h2))}
html.mzlight main.lp .band, html.mzlight main.lp .band-alt, html.mzlight main.lp .band-blue{background:#FFFFFF;color:var(--mm,var(--h2))}
html.mzlight main.lp .k{color:color-mix(in srgb, var(--mm,var(--h2)) 65%, transparent)}
html.mzlight main.lp .ctaband .cta2{background:var(--mm,var(--h2));color:#FFF;border-color:var(--mm,var(--h2))}

/* ── generic fallback for pages without --h2 ── */
html.mzlight{--h2-fallback:#141414}