/* ==========================================================================
   Dark Mode Overrides — Notion Dark Theme inspired
   ========================================================================== */

[data-theme="dark"] {
  --qes-bg: #191919;
  --qes-bg-secondary: #202020;
  --qes-surface: #252525;
  --qes-text: #e3e3e0;
  --qes-text-muted: #9b9a97;
  --qes-border: #373737;
  --qes-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --qes-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --qes-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --qes-shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] body {
  color: var(--qes-text);
  background-color: var(--qes-bg);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #ffffffde;
}

[data-theme="dark"] .qes-section--gray {
  background-color: var(--qes-bg-secondary);
}

[data-theme="dark"] .qes-partners {
  background: var(--qes-bg-secondary);
}

[data-theme="dark"] .qes-partners__logo {
  filter: brightness(1.3) grayscale(100%) opacity(0.5);
}

[data-theme="dark"] .qes-partners__item:hover .qes-partners__logo {
  filter: brightness(1.3) grayscale(0%) opacity(1);
}

[data-theme="dark"] .qes-card {
  background: var(--qes-surface);
  border-color: var(--qes-border);
}

[data-theme="dark"] .qes-card:hover {
  border-color: #444;
}

[data-theme="dark"] .qes-product {
  background: var(--qes-surface);
  border-color: var(--qes-border);
}

[data-theme="dark"] .qes-product:hover {
  border-color: #444;
}

[data-theme="dark"] .qes-award {
  background: var(--qes-bg-secondary);
  border-color: var(--qes-border);
}

[data-theme="dark"] .qes-tabs__nav {
  border-bottom-color: var(--qes-border);
}

[data-theme="dark"] .qes-tabs__btn {
  color: var(--qes-text-muted);
}

[data-theme="dark"] .qes-tabs__btn:hover {
  color: var(--qes-text);
}

[data-theme="dark"] .qes-tabs__btn.is-active {
  color: var(--qes-text);
  border-bottom-color: var(--qes-text);
}

[data-theme="dark"] .qes-dark-toggle {
  background: var(--qes-surface);
  border-color: var(--qes-border);
  color: var(--qes-text);
}

[data-theme="dark"] .qes-belt-step--white .qes-belt-step__circle {
  background: var(--qes-surface);
  border-color: var(--qes-border);
  color: var(--qes-text-muted);
}

[data-theme="dark"] .qes-stat__number {
  color: var(--qes-text);
}

[data-theme="dark"] .qes-hero {
  background: #0e0e0e;
}

[data-theme="dark"] .qes-hero--has-bg::before {
  background: rgba(14, 14, 14, 0.85) !important;
}

[data-theme="dark"] .qes-btn--dark {
  background: var(--qes-surface);
  border: 1px solid var(--qes-border);
}

[data-theme="dark"] .qes-contact-form input,
[data-theme="dark"] .qes-contact-form select,
[data-theme="dark"] .qes-contact-form textarea {
  background: var(--qes-bg) !important;
  border-color: var(--qes-border) !important;
  color: var(--qes-text) !important;
}

[data-theme="dark"] img {
  opacity: 0.92;
}


/* ==========================================================================
   Primary Navigation — Dark mode overrides
   ========================================================================== */
[data-theme="dark"] .main-navigation .main-nav ul ul.sub-menu {
  background: var(--qes-surface);
  border-color: var(--qes-border);
}
[data-theme="dark"] .main-navigation .main-nav ul ul.sub-menu li a {
  color: var(--qes-text);
}
[data-theme="dark"] .main-navigation .main-nav ul ul.sub-menu li a:hover,
[data-theme="dark"] .main-navigation .main-nav ul ul.sub-menu li.current-menu-item > a {
  background: var(--qes-bg-secondary);
  color: var(--qes-accent-light, #5ba6f0);
}