/*
 * Experimental dark-surface hierarchy.
 * Kept in a separate last-loaded file so the test can be removed cleanly.
 */

html[data-camus-theme="dark"] {
  --bg: #181b20;
  --bg-soft: #1b1e24;
  --surface: #22262d;
  --surface-soft: #272c34;
  --ink: #f3f5f7;
  --ink-soft: #c2cad3;
  --ink-strong: #ffffff;
  --line: #3a4654;
  --brand-dark: #101216;
  --brand-dark-mid: #181b20;
  --brand-dark-deep: #0d0f13;
  background: var(--bg);
}

html[data-camus-theme="dark"] body,
html[data-camus-theme="dark"] .site-root,
html[data-camus-theme="dark"] .camus-page {
  color: var(--ink);
  background: var(--bg) !important;
  background-image: none !important;
}

/* The navigation remains the darkest stable surface. */
html[data-camus-theme="dark"] .site-header {
  border-bottom-color: #303a45 !important;
  background: #101216 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .site-header .main-nav a,
html[data-camus-theme="dark"] .camus-header-link {
  color: #dde3e9;
}

html[data-camus-theme="dark"] .camus-theme-toggle {
  color: #d2d9e0;
  border-color: var(--line);
  background: var(--surface);
}

html[data-camus-theme="dark"] .camus-theme-toggle-dark {
  color: #ffffff;
  background: var(--surface-soft);
}

/* Alternating page bands create separation without decorative gradients. */
html[data-camus-theme="dark"] .hero-section,
html[data-camus-theme="dark"] .audience-section,
html[data-camus-theme="dark"] .camus-page-hero,
html[data-camus-theme="dark"] .camus-legal-page,
html[data-camus-theme="dark"] .camus-legal-section {
  color: var(--ink);
  border-color: #303a45 !important;
  background: var(--bg) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .quick-section,
html[data-camus-theme="dark"] #como-funciona.flow-section,
html[data-camus-theme="dark"] .flow-section,
html[data-camus-theme="dark"] .site-root .pricing-section,
html[data-camus-theme="dark"] .camus-page-section {
  color: var(--ink);
  border-color: #303a45 !important;
  background: var(--bg-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* On the sales page, keep neighboring bands visibly alternating. */
html[data-camus-theme="dark"] .quick-section {
  background: var(--bg) !important;
}

/* Blue commercial bands stay as the CAMUS accent. */
html[data-camus-theme="dark"] .hero-trust-strip,
html[data-camus-theme="dark"] .sales-closing {
  border-color: rgba(144, 177, 221, 0.38) !important;
  background: #173f8f !important;
  background-image: none !important;
}

/* Raised content uses a visibly lighter neutral surface. */
html[data-camus-theme="dark"] .hero-benefits li,
html[data-camus-theme="dark"] .hero-facts div,
html[data-camus-theme="dark"] .quick-statement,
html[data-camus-theme="dark"] .quick-proof-card,
html[data-camus-theme="dark"] .quick-item,
html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card,
html[data-camus-theme="dark"] .info-tile,
html[data-camus-theme="dark"] .flow-item,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item-highlight,
html[data-camus-theme="dark"] .flow-foot,
html[data-camus-theme="dark"] .plan-card,
html[data-camus-theme="dark"] .setup-card,
html[data-camus-theme="dark"] .sales-feature,
html[data-camus-theme="dark"] .camus-card,
html[data-camus-theme="dark"] .camus-callout,
html[data-camus-theme="dark"] .camus-release-card,
html[data-camus-theme="dark"] .camus-status-card {
  color: var(--ink);
  border-color: var(--line) !important;
  background: var(--surface) !important;
  background-image: none !important;
  box-shadow: 0 10px 26px rgba(5, 9, 14, 0.18) !important;
}

html[data-camus-theme="dark"] .quick-item p,
html[data-camus-theme="dark"] .plan-price,
html[data-camus-theme="dark"] .pricing-section .plan-users,
html[data-camus-theme="dark"] .plan-users-stepper,
html[data-camus-theme="dark"] .plan-users-stepper input,
html[data-camus-theme="dark"] .purchase-terms-check {
  border-color: var(--line) !important;
  background: var(--surface-soft) !important;
  background-image: none !important;
}

html[data-camus-theme="dark"] .sales-feature-chat {
  border-color: #40536a !important;
  background: #1d2835 !important;
}

html[data-camus-theme="dark"] .sales-feature-report {
  border-color: #3e73d4 !important;
  background: #2858b6 !important;
}

html[data-camus-theme="dark"] .pricing-section .plan-card {
  border-color: var(--line) !important;
  border-top-color: #3e73d4 !important;
  background: var(--surface) !important;
}

html[data-camus-theme="dark"] #como-funciona .flow-grid,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item,
html[data-camus-theme="dark"] .hero-facts,
html[data-camus-theme="dark"] .hero-facts div {
  border-color: var(--line) !important;
}

/* Hero facts stay embedded in the hero, separated only by straight rules. */
html[data-camus-theme="dark"] .hero-facts div {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] #como-funciona .flow-foot {
  background: var(--surface) !important;
}

/* Secondary copy is intentionally brighter than in the current dark theme. */
html[data-camus-theme="dark"] .hero-subtitle,
html[data-camus-theme="dark"] .hero-assurance,
html[data-camus-theme="dark"] .quick-intro,
html[data-camus-theme="dark"] .pricing-intro,
html[data-camus-theme="dark"] #como-funciona .flow-intro,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item p,
html[data-camus-theme="dark"] #como-funciona .flow-foot span,
html[data-camus-theme="dark"] .sales-feature > p,
html[data-camus-theme="dark"] .read-message small,
html[data-camus-theme="dark"] .plan-payment-trust small,
html[data-camus-theme="dark"] .camus-page-lead,
html[data-camus-theme="dark"] .camus-card p,
html[data-camus-theme="dark"] .camus-release-card p,
html[data-camus-theme="dark"] .camus-status-card p,
html[data-camus-theme="dark"] .camus-callout p,
html[data-camus-theme="dark"] .camus-legal-document,
html[data-camus-theme="dark"] .camus-legal-document p,
html[data-camus-theme="dark"] .camus-list li,
html[data-camus-theme="dark"] .footer-brand-block p,
html[data-camus-theme="dark"] .footer-contact-block a,
html[data-camus-theme="dark"] .footer-legal-block a,
html[data-camus-theme="dark"] .footer-link-list a,
html[data-camus-theme="dark"] .footer-contact-list a,
html[data-camus-theme="dark"] .footer-meta {
  color: var(--ink-soft) !important;
}

html[data-camus-theme="dark"] .sales-feature-report > p,
html[data-camus-theme="dark"] .sales-feature-chat > p {
  color: #ffffff !important;
}

html[data-camus-theme="dark"] .purchase-terms-dialog,
html[data-camus-theme="dark"] .camus-download-dialog,
html[data-camus-theme="dark"] .sales-contact-dialog {
  color: var(--ink);
  border-color: var(--line) !important;
  background: var(--surface) !important;
  background-image: none !important;
}

html[data-camus-theme="dark"] .camus-download-head,
html[data-camus-theme="dark"] .camus-download-card,
html[data-camus-theme="dark"] .camus-download-card.is-recommended,
html[data-camus-theme="dark"] .sales-contact-option,
html[data-camus-theme="dark"] .sales-email-channel {
  border-color: var(--line) !important;
  background: var(--surface-soft) !important;
  background-image: none !important;
}

html[data-camus-theme="dark"] .site-footer {
  color: #e1e6eb;
  border-top-color: #303a45 !important;
  background: #101216 !important;
  background-image: none !important;
}

@media (hover: hover) {
  html[data-camus-theme="dark"] .hero-benefits li:hover,
  html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card:hover,
  html[data-camus-theme="dark"] #como-funciona .camus-flow-download-card:hover,
  html[data-camus-theme="dark"] .camus-card:hover {
    border-color: #4b5c6e !important;
    background: #262b33 !important;
  }
}