/* Dark mode — toggled via html[data-theme="dark"] */

html[data-theme="dark"] {
  --text: #f2f2f2;
  --text-muted: #9a9a9a;
  --bg: #0a0a0a;
  --white: #141414;
  --border: #2a2a2a;
  --gold-dark: #d4b896;
  --gold-light: #c9a96e;
  --gold-bg: #8b7355;
}

html[data-theme="dark"] body {
  color-scheme: dark;
}

html[data-theme="dark"] .header-wrap {
  background: rgba(10, 10, 10, 0.88);
}

html[data-theme="dark"] body.in-section .header-wrap {
  border-bottom-color: var(--border);
}

html[data-theme="dark"] body.mega-open .header-wrap {
  background: rgba(10, 10, 10, 0.55);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .mega-menu {
  background: rgba(20, 20, 20, 0.95);
  border-bottom-color: var(--border);
}

html[data-theme="dark"] .mega-menu--glass {
  background: rgba(18, 18, 18, 0.55);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .mega-backdrop {
  background: rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .product-card,
html[data-theme="dark"] .catalyst-hub-card,
html[data-theme="dark"] .catalyst-product-card,
html[data-theme="dark"] .catalyst-domain-card,
html[data-theme="dark"] .catalyst-highlight,
html[data-theme="dark"] .catalyst-step,
html[data-theme="dark"] .home-placeholder {
  background: #141414;
  border-color: var(--border);
}

html[data-theme="dark"] .home-placeholder {
  background: rgba(20, 20, 20, 0.6);
  border-color: #333;
}

html[data-theme="dark"] .catalyst-ide-preview,
html[data-theme="dark"] .catalyst-landing__quote {
  border-color: var(--border);
}

html[data-theme="dark"] .catalyst-ide-preview__bar,
html[data-theme="dark"] .catalyst-ide-preview__chat {
  background: rgba(20, 20, 20, 0.9);
}

html[data-theme="dark"] .ecosystem-bar {
  border-top-color: var(--border);
}

html[data-theme="dark"] .section-breadcrumb__link {
  color: var(--gold-light);
}

html[data-theme="dark"] .design-tool {
  background: rgba(22, 22, 22, 0.88);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text);
}

html[data-theme="dark"] .design-tool__btn {
  background: #1a1a1a;
  border-color: #333;
  color: var(--text);
}

html[data-theme="dark"] .design-tool__btn--primary {
  background: var(--gold-bg);
  border-color: var(--gold-bg);
  color: #fff;
}

html[data-theme="dark"] .pricing-page {
  background: #050505;
}

html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .btn-outline {
  color: var(--gold-light);
  border-color: #3a3a3a;
}

html[data-theme="dark"] .btn-ghost:hover,
html[data-theme="dark"] .btn-outline:hover {
  background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .mega-catalyst__link,
html[data-theme="dark"] .mega-catalyst__category,
html[data-theme="dark"] .mega-link--featured {
  color: var(--text);
}

html[data-theme="dark"] .mega-catalyst__soon-name,
html[data-theme="dark"] .mega-catalyst__product,
html[data-theme="dark"] .mega-link {
  color: var(--text-muted);
}

html[data-theme="dark"] .section-body,
html[data-theme="dark"] .catalyst-landing__paragraph,
html[data-theme="dark"] .home-intro__body p {
  color: var(--text-muted);
}

html[data-theme="dark"] .catalyst-landing__title,
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .section-title {
  color: var(--text);
}

html[data-theme="dark"] .title-accent {
  color: var(--gold-light);
}