/*
  Marketing homepage — dark theme overrides (html.dark-theme)
*/

html.dark-theme {
  --mkt-bg: #121418;
  --mkt-bg-alt: #171A1F;
  --mkt-surface: #1C2027;
  --mkt-surface-muted: #242830;
  --mkt-text: #F3F4F6;
  --mkt-text-muted: #9CA3AF;
  --mkt-text-dim: #6B7280;
  --mkt-line: rgba(255, 255, 255, 0.10);
  --mkt-line-subtle: rgba(255, 255, 255, 0.06);
  --mkt-brand-soft: rgba(255, 121, 18, 0.16);
  --mkt-brand-light: rgba(255, 121, 18, 0.08);
}

html.dark-theme body.landing-home {
  background-color: var(--mkt-bg);
  color: var(--mkt-text);
}

html.dark-theme #hero {
  background: radial-gradient(circle at 80% 20%, rgba(255, 121, 18, 0.14) 0%, var(--mkt-bg) 62%);
}

html.dark-theme .trust-section {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme .mkt-card:hover,
html.dark-theme .mkt-bento-card:hover {
  border-color: rgba(255, 121, 18, 0.28);
}

html.dark-theme .mkt-btn-secondary {
  background-color: var(--mkt-surface);
  border-color: var(--mkt-line);
  color: var(--mkt-text);
}

html.dark-theme .mkt-btn-secondary:hover {
  background-color: var(--mkt-surface-muted);
  border-color: rgba(255, 255, 255, 0.16);
}

html.dark-theme .mkt-browser-frame {
  background: var(--mkt-surface);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-theme .mkt-browser-header {
  background: #242830;
  border-bottom-color: var(--mkt-line);
}

html.dark-theme .mkt-browser-address {
  background: #1C2027;
  border-color: var(--mkt-line);
  color: var(--mkt-text-muted);
}

html.dark-theme .mkt-browser-content {
  background: #171A1F;
}

html.dark-theme .mkt-floating-card {
  background: rgba(28, 32, 39, 0.94);
  border-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .mkt-bento-visual {
  background: #171A1F;
  border-color: var(--mkt-line);
}

html.dark-theme .mkt-scene-schedule {
  background: var(--mkt-surface);
}

html.dark-theme .calc-wrapper {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme .calc-range {
  background: var(--mkt-surface-muted);
}

html.dark-theme .faq-item {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme .faq-item.is-open {
  border-color: rgba(255, 121, 18, 0.35);
}

html.dark-theme .faq-icon {
  background: var(--mkt-surface-muted);
}

html.dark-theme .mkt-cta-panel {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme .zepra-nav.nav-scrolled {
  background: rgba(18, 20, 24, 0.90);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

@media (min-width: 1280px) {
  html.dark-theme .zepra-nav.nav-scrolled .zepra-nav__inner {
    background: rgba(28, 32, 39, 0.94);
    border-color: var(--mkt-line);
  }
}

html.dark-theme .zepra-mobile-menu {
  background: var(--mkt-bg);
}

html.dark-theme .zepra-mobile-menu #mobile-menu-close {
  color: var(--mkt-text);
}

html.dark-theme #pricing .pricing-card {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme #pricing .pricing-card.featured {
  border-color: rgba(255, 121, 18, 0.45);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

html.dark-theme .mkt-compact-feature {
  background: var(--mkt-surface);
  border-color: var(--mkt-line);
}

html.dark-theme .mkt-compact-feature:hover {
  border-color: rgba(255, 121, 18, 0.35);
}

html.dark-theme .mkt-bento-card div[style*="#EFF6FF"] {
  background: rgba(0, 119, 255, 0.12) !important;
  border-color: rgba(0, 119, 255, 0.28) !important;
}

html.dark-theme .mkt-bento-card div[style*="#1E40AF"] {
  color: #93C5FD !important;
}

html.dark-theme .mkt-bento-card div[style*="#3B82F6"] {
  color: #60A5FA !important;
}

html.dark-theme .mkt-bento-card div[style*="#F8FAFC"] {
  background: var(--mkt-surface-muted) !important;
  border-color: var(--mkt-line) !important;
}

html.dark-theme .mkt-bento-card div[style*="#5C6370"] {
  color: var(--mkt-text-muted) !important;
}

html.dark-theme .theme-toggle-floating {
  display: none;
}

html.dark-theme body.landing-home > nav.landing-nav {
  background: rgba(18, 20, 24, 0.92);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html.dark-theme body.landing-home {
  --lp-footer-bg: #0a0c0f;
  --lp-footer-fg: rgba(243, 244, 246, 0.82);
  --lp-footer-fg-muted: rgba(243, 244, 246, 0.62);
  --lp-footer-fg-subtle: rgba(243, 244, 246, 0.48);
  --lp-footer-border: rgba(255, 255, 255, 0.1);
}