/* Dark-mode completion layer: scoped only to dark mode; preserves existing layout and behavior. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"], html[data-theme="dark"] body { background:#0a0a0c !important; color:#f0efe9; }
html[data-theme="dark"] body::before { background:#0a0a0c !important; }
html[data-theme="dark"] .nav, html[data-theme="dark"] .nav.scrolled { background:rgba(21,21,23,.88) !important; border-color:#2a2a2e !important; box-shadow:0 8px 28px rgba(0,0,0,.18); }
html[data-theme="dark"] .nav .brand, html[data-theme="dark"] .nav .brand span, html[data-theme="dark"] .nav-links a, html[data-theme="dark"] .hero h1, html[data-theme="dark"] .band-title { color:#f0efe9 !important; }
html[data-theme="dark"] .nav .brand small, html[data-theme="dark"] .hero-lead, html[data-theme="dark"] .checks, html[data-theme="dark"] .ticker-track { color:#a1a1aa !important; }
html[data-theme="dark"] .hero { background:#0a0a0c !important; --text:#f0efe9; --muted:#87858c; --line:#2a2a2e; --line-strong:#3a3a40; }
html[data-theme="dark"] .hero .btn-ghost { color:#d8c84a !important; border-color:#5a5420 !important; }
html[data-theme="dark"] .hero .deal-banner { background:rgba(255,255,255,.04) !important; border-color:#3a3a40 !important; color:#f0efe9 !important; }
html[data-theme="dark"] .trust-band, html[data-theme="dark"] .foot { background:#111113 !important; border-color:#2a2a2e !important; }
html[data-theme="dark"] #buy, html[data-theme="dark"] #community { background:#0e0e10 !important; color:#f0efe9 !important; --text:#f0efe9; --muted:#a1a1aa; --surface:#151517; --field:#1e1e21; --line:#2a2a2e; --line-strong:#3a3a40; }
html[data-theme="dark"] #buy .section-head h2, html[data-theme="dark"] #buy .buy, html[data-theme="dark"] #buy .buy .buy-main>h2, html[data-theme="dark"] #buy .buy .prod-tag, html[data-theme="dark"] #community .community h2 { color:#f0efe9 !important; }
html[data-theme="dark"] #buy .section-head p, html[data-theme="dark"] #buy .buy .buy-main>p, html[data-theme="dark"] #buy .buy-side h3, html[data-theme="dark"] #buy .buy-side li small, html[data-theme="dark"] #community .community p { color:#a1a1aa !important; }
html[data-theme="dark"] #buy .store-bar, html[data-theme="dark"] #community .community { background:#151517 !important; border-color:#2a2a2e !important; box-shadow:0 4px 18px rgba(0,0,0,.2) !important; }
html[data-theme="dark"] #buy .store-id b, html[data-theme="dark"] #buy .buy-side li { color:#f0efe9 !important; }
html[data-theme="dark"] #buy .buy-side ul { background:#1a1a1c !important; border-color:#2a2a2e !important; }
html[data-theme="dark"] #buy .pricing-grid>.buy { background:linear-gradient(#151517,#151517) padding-box,linear-gradient(160deg,rgba(var(--a),.65),#2a2a2e 45%,rgba(var(--a),.25)) border-box !important; color:#f0efe9 !important; box-shadow:0 18px 50px -24px rgba(0,0,0,.65) !important; }
html[data-theme="dark"] #buy .pricing-grid>.buy.buy--combo { background:linear-gradient(#211f13,#211f13) padding-box,linear-gradient(160deg,#ffd60a,rgba(255,202,10,.25) 50%,rgba(255,202,10,.55)) border-box !important; }
html[data-theme="dark"] #buy .buy .price { color:#f0efe9 !important; -webkit-text-fill-color:#f0efe9 !important; }
html[data-theme="dark"] #buy .buy .price::after, html[data-theme="dark"] #buy .buy .usd-line { color:#a1a1aa !important; -webkit-text-fill-color:#a1a1aa !important; }
html[data-theme="dark"] .cart-bar { background:rgba(21,21,23,.98) !important; color:#f0efe9 !important; border-color:#3a3a40 !important; }
html[data-theme="dark"] .cart-row { border-color:#2a2a2e !important; }
html[data-theme="dark"] .cart-note, html[data-theme="dark"] .cart-sum small { color:#a1a1aa !important; }
html[data-theme="dark"] .cart-sum b { color:#f0efe9 !important; }
html[data-theme="dark"] .dp-badge { background:#1e1e21 !important; color:#f0efe9 !important; border-color:#3a3a40 !important; }
html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select { color-scheme:dark; }

/* The Apple landing page deliberately uses pale feature/review/FAQ/demo bands.
   Replace those fixed light surfaces when the user chooses dark mode. */
html[data-theme="dark"] #features,
html[data-theme="dark"] #reviews,
html[data-theme="dark"] #collabs,
html[data-theme="dark"] #faq,
html[data-theme="dark"] #demo {
  background:#0a0a0c !important;
  color:#f0efe9 !important;
  --text:#f0efe9; --muted:#a1a1aa; --surface:#151517; --field:#1e1e21;
  --line:#2a2a2e; --line-strong:#3a3a40;
}
html[data-theme="dark"] #features .feat,
html[data-theme="dark"] #reviews .review,
html[data-theme="dark"] #reviews .reviews-empty,
html[data-theme="dark"] #collabs .collab,
html[data-theme="dark"] #faq .faq details {
  background:#151517 !important;
  color:#f0efe9 !important;
  border-color:#2a2a2e !important;
  box-shadow:0 8px 28px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #features :is(.feat h3,.feat p,.feat-more),
html[data-theme="dark"] #reviews :is(.review blockquote,.review figcaption),
html[data-theme="dark"] #collabs :is(.collab h3,.collab p),
html[data-theme="dark"] #faq :is(.faq summary,.faq p),
html[data-theme="dark"] #features .tab-chips li {
  color:#f0efe9 !important;
}
html[data-theme="dark"] #features .tab-chips li { background:#1e1e21 !important; }
html[data-theme="dark"] #features .flow-nodes span {
  background:#1e1e21 !important; color:#f0efe9 !important;
  border:1px solid #3a3a40 !important; box-shadow:none !important;
}
html[data-theme="dark"] #features .flow-line { background:linear-gradient(90deg,transparent,#3a3a40) !important; }
html[data-theme="dark"] #features .btn-ghost,
html[data-theme="dark"] #reviews .btn-ghost,
html[data-theme="dark"] #collabs .btn-ghost,
html[data-theme="dark"] #faq .btn-ghost {
  color:#d8c84a !important; border-color:#5a5420 !important;
}

/* The plugin preview panel contains many fixed white/pale controls. Keep the
   preview itself consistent with dark mode while retaining its accent colors. */
html[data-theme="dark"] .dp {
  --pc:#1b1b1f; --pl:#3a3a40; --act:color-mix(in srgb,var(--accent) 70%,#f0efe9);
  background:#111113 !important; color:#f0efe9 !important; border-color:#3a3a40 !important;
}
html[data-theme="dark"] .dp :is(.dp-head,.dp-ready,.dp-en,.dp-top,.dp-card,.dp-bt,.dp-p,
  .dp-tool,.dp-smart,.dp-sz,.dp-search,.dp-vt button,.dp-sub3 button,.dp-fields,.dp-fields label,
  .dp-cbox,.dp-seg,.dp-seg2 button,.dp-m2,.dp-dia .dq,.dp-cstage,.dp-stage,.dp-curve,
  .dp-pr,.dp-cgrid button,.dp-info,.dp-trc,.dp-trc .pv,.ekg,.inf label,.dp-ep,.dp-more,
  .xy input,.dp-nc,.dp-depth,.dp-cc,.dp-intro,.dp-capb,.dp-ext,.dp-in,.dp-rf,.dp-sw,
  .dp-ck2,.dp-prov span,.dp-icg button,.dp-win,.dp-sf,.dp-cprev,.dp-apply,.dp-genw,
  .dp-fields input,.dp-save) {
  background-color:#1b1b1f !important;
  color:#e8e8ec !important;
  border-color:#3a3a40 !important;
}
html[data-theme="dark"] .dp :is(.dp-seg2 button,.dp-t,.dp-q,.dp-chip,.dp-cat,.dp-anchor button,
  .dp-al div button,.dp-mk,.dp-foot .fr button,.dp-bt span,.dp-gear,.dp-m2 button,.dp-rand,
  .dp-cf input,.dp-ep,.dp-nc,.dp-icg button,.dp-apply .dp-save) {
  background-color:#1b1b1f !important; color:#e8e8ec !important; border-color:#3a3a40 !important;
}
html[data-theme="dark"] .dp :is(.dp-cat.on,.dp-seg button.on,.dp-seg2 button.on,.dp-m2 button.on,
  .dp-chip.on,.dp-vt button.on,.dp-sub3 button.on,.dp-ep.on,.dp-icg button.on,.dp-p.sel) {
  background:var(--accent) !important; color:var(--accent-ink) !important; border-color:var(--accent) !important;
}
html[data-theme="dark"] .dp :is(.dp-stage,.dp-curve,.dp-cstage,.dp-trc .pv,.dp-cprev,.dp-dia .dq,
  .dp-fields input,.dp-ext,.dp-in,.dp-sf,.dp-ck2,.dp-save) { background-color:#242428 !important; }
html[data-theme="dark"] .dp :is(.dp-tl,.dp-card .h,.dp-card .h u,.dp-opts,.dp-ctr,.dp-ttl,.dp-ctt,
  .dp-win .wt,.dp-ready,.dp-ver,.dp-head .s,.dp-vt button,.dp-sub3 button,.dp-depth b,.dp-ck,
  .dp-bridge,.dp-more,.dp-nc,.dp-info,.inf label,.dp-ep,.dp-bt span,.dp-search input,
  .dp-fields input,.dp-sel,.dp-cf input,.dp-in,.dp-rf,.dp-capb,.dp-cprev .cap) { color:#d4d4d8 !important; }
html[data-theme="dark"] .dp :is(.dp-t:hover,.dp-q:hover,.dp-chip:hover,.dp-mk:hover,.dp-foot button:hover,
  .dp-p:hover,.dp-tr:hover,.dp-smart:hover,.dp-vt button:hover,.dp-nc:hover,.dp-cgrid button:hover,
  .dp-icg button:hover) { background-color:#2a2a2e !important; border-color:#55555c !important; }

/* One inline-styled copy button bypassed the theme stylesheet. */
html[data-theme="dark"] #btnCopyNumber {
  background:#242428 !important; color:#f0efe9 !important; border:1px solid #3a3a40 !important;
}