/* AimSight Design System — 07 Dark Mode */

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

html[data-theme="dark"] body.aimsight-wp {
  color: var(--as-dark-text) !important;
  background: var(--as-dark-bg) !important;
}

html[data-theme="dark"] .as-header {
  border-color: var(--as-dark-border) !important;
  background: rgba(12, 14, 32, 0.88) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .as-nav-links a:not(.as-download),
html[data-theme="dark"] .as-hero h1,
html[data-theme="dark"] .as-section-title h2,
html[data-theme="dark"] .as-real-preview-head h2,
html[data-theme="dark"] .as-analytics-copy h2,
html[data-theme="dark"] .as-scoring-copy h2,
html[data-theme="dark"] .as-control-copy h2,
html[data-theme="dark"] .as-faq-copy h2,
html[data-theme="dark"] .as-final-cta h2,
html[data-theme="dark"] .as-news-card h2 {
  color: var(--as-dark-text) !important;
}

html[data-theme="dark"] .as-hero-copy > p:not(.as-eyebrow):not(.as-choice-line),
html[data-theme="dark"] .as-section-title p,
html[data-theme="dark"] .as-real-preview-head p,
html[data-theme="dark"] .as-analytics-copy p,
html[data-theme="dark"] .as-scoring-copy p,
html[data-theme="dark"] .as-control-copy p,
html[data-theme="dark"] .as-faq-copy p {
  color: var(--as-dark-muted) !important;
}

html[data-theme="dark"] .as-language-trigger,
html[data-theme="dark"] .as-theme-toggle,
html[data-theme="dark"] .as-menu-btn {
  color: #fff !important;
  border-color: var(--as-dark-border) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .as-language-panel {
  border-color: var(--as-dark-border);
  background: rgba(13, 16, 41, 0.96);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] .as-language-option strong {
  color: #c4b5fd;
  background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .as-language-option:hover,
html[data-theme="dark"] .as-language-option.is-active {
  background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .as-download {
  color: var(--as-color-ink) !important;
  background: #fff !important;
}

html[data-theme="dark"] .as-nav-links.is-open {
  border-color: var(--as-dark-border) !important;
  background: rgba(13, 16, 41, 0.96) !important;
}

html[data-theme="dark"] .as-feature:not(:first-child),
html[data-theme="dark"] .as-process-card,
html[data-theme="dark"] .as-mode,
html[data-theme="dark"] .as-privacy-card,
html[data-theme="dark"] .as-faq-item,
html[data-theme="dark"] .as-metric-pill,
html[data-theme="dark"] .as-real-screenshot-card,
html[data-theme="dark"] .as-control-visual,
html[data-theme="dark"] .as-control-table {
  color: var(--as-dark-text) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: var(--as-dark-card) !important;
}