html[data-theme="dark"] body { background: var(--bg); color: var(--ink); }
html[data-theme="dark"] ::selection { background: rgba(93, 109, 255, 0.42); color: #FFFFFF; }
html[data-theme="dark"] .skip-link { background: #F5F7FC; color: #0A0D14; }

/* Keep the branded refresh loader consistently dark in either site theme. */
html[data-theme="dark"] #preloader { background: #07090E; color: #FFFFFF; }
html[data-theme="dark"] #scrollbar { filter: saturate(115%); }

/* Landing surfaces */
html[data-theme="dark"] .landing-page :where(.searchbar, .card, .step, .plan, .auth-card) {
  background: var(--surface);
  border-color: var(--line);
}

html[data-theme="dark"] .landing-page :where(.compare-arrow, .compare-handle) {
  background: #171D29;
  color: #F5F7FC;
  border-color: var(--line-2);
}

html[data-theme="dark"] .landing-page .compare-frame { border-color: var(--line); background: #F8F8FA; }
html[data-theme="dark"] .landing-page .compare-label { background: rgba(255,255,255,0.92); color: #0B0B0C; }
html[data-theme="dark"] .landing-page .searchbar input { color: var(--ink); }
html[data-theme="dark"] .landing-page .searchbar input::placeholder,
html[data-theme="dark"] .landing-page .auth-form input::placeholder { color: #929BAD; opacity: 1; }
html[data-theme="dark"] .landing-page .card .meta .tagpill { background: #1A202C; color: #C1C7D2; }
html[data-theme="dark"] .landing-page .step .ic,
html[data-theme="dark"] .landing-page .step.on .ic { background: #0B0B0C; border-color: #0B0B0C; box-shadow: none; transform: none; }
html[data-theme="dark"] .landing-page .step .ic svg,
html[data-theme="dark"] .landing-page .step.on .ic svg { stroke: #FFFFFF; transform: rotate(0deg) !important; }
html[data-theme="dark"] .landing-page .hero h1 .grad {
  background-image: linear-gradient(90deg, #43EDB0, #55C9F4, #A07CFF, #43EDB0);
}
html[data-theme="dark"] .landing-page .cta { background: #121722; color: #FFFFFF; border: 1px solid var(--line); }
html[data-theme="dark"] .landing-page .auth-overlay { background: rgba(2,4,8,0.72); }
html[data-theme="dark"] .landing-page .auth-form input { background: #0D121B; color: var(--ink); border-color: var(--line-2); }
html[data-theme="dark"] .landing-page .auth-oauth[data-provider="Apple"] svg { fill: #F5F7FC; }
html[data-theme="dark"] .landing-page .auth-done .ok-ic { background: #12352B; color: #54E7B4; }

/* Pricing surfaces */
html[data-theme="dark"] .pricing-page .toggle,
html[data-theme="dark"] .pricing-page .tier,
html[data-theme="dark"] .pricing-page .faq details { background: var(--surface); border-color: var(--line); }
html[data-theme="dark"] .pricing-page .tier.popular { border-color: #AEBEFF; }
html[data-theme="dark"] .pricing-page .tier .badge { background: #F5F7FC; color: #0B0B0C; }
html[data-theme="dark"] .pricing-page .cta-strip { background: #121722; color: #FFFFFF; border: 1px solid var(--line); }

/* Contact and legal surfaces */
html[data-theme="dark"] .content-page .panel { background: var(--surface); border-color: var(--line); }
html[data-theme="dark"] .content-page .contact-delivery-note { background: var(--color-canvas-subtle); border-color: var(--color-border-default); }
html[data-theme="dark"] .content-page .contact-field :is(input, select, textarea) { background: var(--color-canvas-subtle); border-color: var(--color-border-default); color: var(--color-text-primary); }
html[data-theme="dark"] .content-page .contact-field :is(input, select, textarea):disabled { color: var(--color-text-muted); }
html[data-theme="dark"] .content-page .contact-field :is(input, select, textarea):focus-visible { border-color: var(--focus-ring); }

html[data-theme="dark"] footer { border-color: var(--line); }

@media (prefers-contrast: more) {
  .px-header { border-bottom-width: 2px; }
  .px-tool, .px-credit, .px-profile, .px-primary, .px-menu { border-width: 2px; }
}