/* WishLab light theme + the theme button. Every page defines the same colour tokens on :root;
   light mode swaps them and patches the few hard-coded dark colours. */
.nav-end{display:flex;align-items:center;gap:12px}
.theme-btn{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(231,90,124,.35);
  background:transparent;color:var(--gold);font-size:1rem;line-height:1;cursor:pointer;transition:border-color .2s,transform .2s}
.theme-btn:hover{border-color:var(--rose);transform:rotate(-15deg)}
.theme-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

:root[data-theme="light"]{
  --black:#fff7f3; --crimson:#ffe1e8; --wine:#f6c6d2;
  --rose:#d63d64; --rose-light:#a8203f; --rose-pale:#3a1520;
  --gold:#946a10; --line:rgba(214,61,100,.3);
  color-scheme:light;
}
:root[data-theme="light"] body{background:radial-gradient(110% 60% at 80% -5%,#ffd9e2 0%,transparent 60%),radial-gradient(90% 50% at 10% 30%,rgba(255,214,224,.6) 0%,transparent 60%),#fff7f3}
:root[data-theme="light"] nav{background:rgba(255,247,243,.82)!important;border-bottom-color:rgba(214,61,100,.15)!important}
:root[data-theme="light"] .logo{text-shadow:none}
:root[data-theme="light"] .price,
:root[data-theme="light"] .plans .amt,
:root[data-theme="light"] .total,
:root[data-theme="light"] .link-box input{color:#2a0c14}
:root[data-theme="light"] .btn:not(.btn--ghost),
:root[data-theme="light"] .mini--solid{background:linear-gradient(180deg,#ec6a8a,#d63d64);color:#fff;border-color:transparent;box-shadow:0 10px 26px -12px #d63d64}
:root[data-theme="light"] .btn--ghost{color:var(--rose-light)}
:root[data-theme="light"] .done,
:root[data-theme="light"] .preview.open{background:rgba(255,247,243,.94)!important}
:root[data-theme="light"] .done-box{background:#fff}
:root[data-theme="light"] .chip{background:rgba(255,255,255,.78);color:#3a1520;border-color:rgba(214,61,100,.25)}
:root[data-theme="light"] .halo{opacity:.45}
:root[data-theme="light"] .marquee{border-color:rgba(214,61,100,.18)}
:root[data-theme="light"] #sparkles{opacity:.55}
:root[data-theme="light"] input,:root[data-theme="light"] textarea{background:#fff!important;color:#2a0c14!important}
:root[data-theme="light"] .card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .plan,
:root[data-theme="light"] .tile{background:linear-gradient(165deg,#fff,rgba(255,255,255,.6))!important;box-shadow:0 18px 40px -26px rgba(120,20,50,.35)!important}
:root[data-theme="light"] .upsell{background:#fffaf0}
:root[data-theme="light"] .tag{background:rgba(148,106,16,.12)}
:root[data-theme="light"] footer{border-top-color:rgba(214,61,100,.15)}
@media(max-width:420px){nav .back{font-size:.6rem;letter-spacing:.1em}.theme-btn{width:32px;height:32px}}
:root[data-theme="light"] .copy{background:#fff}
html{overflow-x:clip}