/*
 * CAMUS dark palette inspired by Microsoft Store / Fluent surfaces.
 * Loaded last so older decorative themes cannot reintroduce blue gradients.
 */

html[data-camus-theme="dark"] {
  color-scheme: dark;
  --bg: #141518;
  --bg-soft: #18191d;
  --surface: #202126;
  --surface-soft: #25262b;
  --ink: #f3f3f3;
  --ink-soft: #a9abb2;
  --ink-strong: #ffffff;
  --line: #34363d;
  --brand-primary: #2858b6;
  --brand-secondary: #3569c3;
  --brand-primary-hover: #3569c3;
  --brand-dark: #101114;
  --brand-dark-mid: #141518;
  --brand-dark-deep: #0d0e10;
  --focus: #5f8ee0;
  --shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.18);
  --shadow-strong: 0 14px 38px rgba(0, 0, 0, 0.28);
  background: #141518;
}

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

html[data-camus-theme="dark"] .site-root::before,
html[data-camus-theme="dark"] .site-root::after,
html[data-camus-theme="dark"] .hero-section::before,
html[data-camus-theme="dark"] .hero-section::after,
html[data-camus-theme="dark"] .quick-section::before,
html[data-camus-theme="dark"] .quick-section::after,
html[data-camus-theme="dark"] .audience-section::before,
html[data-camus-theme="dark"] .audience-section::after,
html[data-camus-theme="dark"] .flow-section::before,
html[data-camus-theme="dark"] .flow-section::after,
html[data-camus-theme="dark"] .pricing-section::before,
html[data-camus-theme="dark"] .pricing-section::after,
html[data-camus-theme="dark"] .closing-section::before,
html[data-camus-theme="dark"] .hero-trust-strip::before,
html[data-camus-theme="dark"] .camus-page-hero::before {
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Navigation and theme switch */
html[data-camus-theme="dark"] .site-header {
  border-bottom-color: #2b2d32;
  background: #101114;
  box-shadow: none;
}

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

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

html[data-camus-theme="dark"] .camus-theme-toggle {
  color: #b9bbc1;
  border-color: #3a3c43;
  background: #202126;
  box-shadow: none;
}

html[data-camus-theme="dark"] .camus-theme-toggle-light {
  color: #91939a;
  background: transparent;
}

html[data-camus-theme="dark"] .camus-theme-toggle-dark {
  color: #ffffff;
  background: #3a3c43;
}

/* Flat page sections */
html[data-camus-theme="dark"] .hero-section,
html[data-camus-theme="dark"] .quick-section,
html[data-camus-theme="dark"] .audience-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"] .closing-section,
html[data-camus-theme="dark"] .hero-trust-strip,
html[data-camus-theme="dark"] .camus-page-hero,
html[data-camus-theme="dark"] .camus-page-section,
html[data-camus-theme="dark"] .camus-legal-section,
html[data-camus-theme="dark"] .camus-legal-page {
  color: var(--ink);
  border-color: #2b2d32;
  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"] .camus-page-section {
  background: var(--bg-soft) !important;
}

html[data-camus-theme="dark"] h1,
html[data-camus-theme="dark"] h2,
html[data-camus-theme="dark"] h3,
html[data-camus-theme="dark"] .section-head h2,
html[data-camus-theme="dark"] .section-head-light h2,
html[data-camus-theme="dark"] .quick-section .section-head.quick-head h2,
html[data-camus-theme="dark"] .camus-card h2,
html[data-camus-theme="dark"] .camus-card h3,
html[data-camus-theme="dark"] .camus-release-card h2,
html[data-camus-theme="dark"] .camus-status-card h2 {
  color: var(--ink-strong) !important;
  text-shadow: none !important;
}

html[data-camus-theme="dark"] .hero-subtitle,
html[data-camus-theme="dark"] .quick-intro,
html[data-camus-theme="dark"] .flow-intro,
html[data-camus-theme="dark"] .pricing-intro,
html[data-camus-theme="dark"] .closing-copy p,
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 {
  color: var(--ink-soft) !important;
}

html[data-camus-theme="dark"] .hero-kicker,
html[data-camus-theme="dark"] .section-label,
html[data-camus-theme="dark"] .camus-page-kicker,
html[data-camus-theme="dark"] .camus-card-kicker,
html[data-camus-theme="dark"] .camus-status-label,
html[data-camus-theme="dark"] .hero-facts dt {
  color: #5f8ee0 !important;
}

/* Fluent-like cards: neutral fill, fine outline, restrained elevation. */
html[data-camus-theme="dark"] .hero-grid::after {
  border-color: var(--line);
  background: #1b1c20;
  box-shadow: none;
}

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"] .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: var(--shadow-soft) !important;
}

html[data-camus-theme="dark"] .camus-legal-document {
  color: var(--ink-soft);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .hero-benefits li,
html[data-camus-theme="dark"] .hero-facts dd,
html[data-camus-theme="dark"] .quick-proof-card h3,
html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card h3,
html[data-camus-theme="dark"] .quick-item summary,
html[data-camus-theme="dark"] .info-tile h3,
html[data-camus-theme="dark"] .flow-grid .flow-item h3,
html[data-camus-theme="dark"] .flow-foot a,
html[data-camus-theme="dark"] .plan-card h3,
html[data-camus-theme="dark"] .setup-card h3 {
  color: var(--ink-strong) !important;
}

html[data-camus-theme="dark"] .hero-benefits li,
html[data-camus-theme="dark"] .quick-proof-card p,
html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card p,
html[data-camus-theme="dark"] .quick-item p,
html[data-camus-theme="dark"] .info-tile p,
html[data-camus-theme="dark"] .flow-grid .flow-item p,
html[data-camus-theme="dark"] .flow-foot span,
html[data-camus-theme="dark"] .plan-description,
html[data-camus-theme="dark"] .plan-users,
html[data-camus-theme="dark"] .plan-card li,
html[data-camus-theme="dark"] .plan-price-billing,
html[data-camus-theme="dark"] .setup-list li,
html[data-camus-theme="dark"] .setup-note,
html[data-camus-theme="dark"] .hash-line {
  color: var(--ink-soft) !important;
}

html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card::before,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item .flow-step-number,
html[data-camus-theme="dark"] .pricing-section .plan-users,
html[data-camus-theme="dark"] .plan-price,
html[data-camus-theme="dark"] .quick-item p {
  color: #d7d8dc !important;
  border-color: #3a3c43 !important;
  background: var(--surface-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .quick-feature-grid .quick-feature-card::after,
html[data-camus-theme="dark"] #como-funciona .flow-grid::before {
  background: #3a3c43 !important;
}

/* Controls and accent */
html[data-camus-theme="dark"] .btn-primary,
html[data-camus-theme="dark"] .header-cta,
html[data-camus-theme="dark"] .plan-cta,
html[data-camus-theme="dark"] .mockup-compose button,
html[data-camus-theme="dark"] .flow-foot a,
html[data-camus-theme="dark"] .camus-download-button {
  color: #ffffff !important;
  border-color: #2858b6 !important;
  background: #2858b6 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .btn-primary:hover,
html[data-camus-theme="dark"] .header-cta:hover,
html[data-camus-theme="dark"] .plan-cta:hover,
html[data-camus-theme="dark"] .mockup-compose button:hover,
html[data-camus-theme="dark"] .flow-foot a:hover,
html[data-camus-theme="dark"] .camus-download-button:hover {
  border-color: #3569c3 !important;
  background: #3569c3 !important;
}

html[data-camus-theme="dark"] .btn-secondary,
html[data-camus-theme="dark"] .hero-section .btn-secondary,
html[data-camus-theme="dark"] .setup-card .btn-secondary,
html[data-camus-theme="dark"] .camus-page-actions .btn-secondary {
  color: #f3f3f3 !important;
  border-color: #45474f !important;
  background: #25262b !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .btn-secondary:hover,
html[data-camus-theme="dark"] .hero-section .btn-secondary:hover {
  border-color: #565861 !important;
  background: #303137 !important;
}

html[data-camus-theme="dark"] :focus-visible {
  outline-color: var(--focus);
}

/* Pricing */
html[data-camus-theme="dark"] .pricing-section .plan-card {
  border-color: var(--line) !important;
  background: var(--surface) !important;
  background-image: none !important;
  box-shadow: var(--shadow-strong) !important;
}

html[data-camus-theme="dark"] .pricing-section .plan-target,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item-highlight::before,
html[data-camus-theme="dark"] #como-funciona .camus-flow-item-highlight .flow-step-number {
  color: #ffffff !important;
  border-color: #2858b6 !important;
  background: #2858b6 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-camus-theme="dark"] .pricing-section .plan-price-value,
html[data-camus-theme="dark"] .purchase-terms-note a,
html[data-camus-theme="dark"] .purchase-terms-check a,
html[data-camus-theme="dark"] .camus-legal-document a {
  color: #5f8ee0 !important;
}

html[data-camus-theme="dark"] .pricing-section .plan-card ul,
html[data-camus-theme="dark"] .plan-users-editor {
  border-color: var(--line) !important;
}

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 {
  color: var(--ink);
  border-color: #3a3c43;
  background: #191a1e;
}

html[data-camus-theme="dark"] .plan-users-stepper button {
  color: #5f8ee0;
  background: #292a2f;
}

html[data-camus-theme="dark"] .plan-users-stepper button:hover {
  background: #34353b;
}

/* Product preview */
html[data-camus-theme="dark"] .product-mockup {
  border-color: #41434a;
  background: #18191d;
  background-image: none !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.32);
}

html[data-camus-theme="dark"] .mockup-sidebar,
html[data-camus-theme="dark"] .mockup-main,
html[data-camus-theme="dark"] .mockup-chat-body,
html[data-camus-theme="dark"] .mockup-chat-header,
html[data-camus-theme="dark"] .mockup-compose {
  border-color: #363840;
  background: #202126;
  background-image: none !important;
  box-shadow: none;
}

html[data-camus-theme="dark"] .mockup-main,
html[data-camus-theme="dark"] .mockup-chat-body {
  background: #25262b;
}

html[data-camus-theme="dark"] .mockup-chat-avatar,
html[data-camus-theme="dark"] .mockup-tool,
html[data-camus-theme="dark"] .mockup-compose-icon {
  color: #d7d8dc;
  border-color: #41434a;
  background: #303137;
  box-shadow: none;
}

/* Dialogs */
html[data-camus-theme="dark"] .purchase-terms-backdrop,
html[data-camus-theme="dark"] .camus-download-overlay {
  background: rgba(0, 0, 0, 0.72);
}

html[data-camus-theme="dark"] .purchase-terms-dialog,
html[data-camus-theme="dark"] .camus-download-dialog {
  color: var(--ink);
  border-color: #3a3c43;
  background: #202126;
  background-image: none !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

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 {
  border-color: #3a3c43;
  background: #25262b;
  background-image: none !important;
  box-shadow: none;
}

html[data-camus-theme="dark"] .camus-download-close {
  color: #f3f3f3;
  border-color: #45474f;
  background: #303137;
}

html[data-camus-theme="dark"] .camus-download-tag,
html[data-camus-theme="dark"] .camus-download-list li::before {
  color: #9bbdff;
  background: rgba(76, 141, 255, 0.16);
}

/* Footer */
html[data-camus-theme="dark"] .site-footer {
  color: #d7d8dc;
  border-top-color: #2b2d32;
  background: #0f1012;
  background-image: none !important;
  box-shadow: none;
}

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: #96989f;
}

@media (hover: hover) {
  html[data-camus-theme="dark"] .hero-facts div: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 {
    border-color: #4a4c54 !important;
    background: #25262b !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.22) !important;
  }
}