/* =============================================================================
   NeuroSoft — ENHANCED DARK MODE STYLESHEET
   High-contrast tokens, glowing accents, legible inputs, and glass surfaces.
   ============================================================================= */

:root[data-theme="dark"] {
  /* High-Contrast Core Text Tokens */
  --color-text-primary: oklch(98% 0.005 264);
  --color-text-secondary: oklch(88% 0.015 264);
  --color-text-tertiary: oklch(75% 0.02 264);

  /* Deep Glassmorphism Surfaces */
  --color-bg-primary: oklch(14% 0.025 264);
  --color-bg-secondary: oklch(18% 0.03 264);
  --color-border: color-mix(in oklch, var(--color-glow), transparent 78%);
  --color-accent-border: color-mix(in oklch, var(--color-glow), white 15%);
}

/* Dark Mode Header Mega Menus */
:root[data-theme="dark"] .product-engineering-menu,
:root[data-theme="dark"] .data-ai-menu,
:root[data-theme="dark"] .enterprise-practices-menu,
:root[data-theme="dark"] .industries-menu {
  background: oklch(13% 0.025 264) !important;
  border-color: color-mix(in oklch, var(--color-glow), transparent 70%) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85) !important;
}

:root[data-theme="dark"] .product-engineering-menu__grid a strong,
:root[data-theme="dark"] .data-ai-menu__grid a strong,
:root[data-theme="dark"] .enterprise-practices-menu__grid a strong,
:root[data-theme="dark"] .industries-menu__card-content h4 {
  color: oklch(98% 0.005 264) !important;
}

:root[data-theme="dark"] .product-engineering-menu__grid a span,
:root[data-theme="dark"] .data-ai-menu__grid a span,
:root[data-theme="dark"] .enterprise-practices-menu__grid a span,
:root[data-theme="dark"] .industries-menu__card-content p {
  color: oklch(85% 0.015 264) !important;
}

/* Dark Mode Form Inputs & Select Overrides */
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="email"],
:root[data-theme="dark"] input[type="tel"],
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  background: color-mix(in oklch, var(--color-bg-secondary), #09152a 45%) !important;
  border-color: color-mix(in oklch, var(--color-border), white 18%) !important;
  color: var(--color-text-primary) !important;
}

:root[data-theme="dark"] select option {
  background: oklch(14% 0.025 264) !important;
  color: oklch(98% 0.005 264) !important;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: oklch(75% 0.02 264) !important;
  opacity: 0.9 !important;
}

:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] select:focus,
:root[data-theme="dark"] textarea:focus {
  border-color: var(--color-accent-strong) !important;
  box-shadow: 0 0 0 3px oklch(65% 0.18 230 / 0.35) !important;
}

/* Dark Mode Cards, Bento & Stat Overrides */
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .cx-bento-card,
:root[data-theme="dark"] .ta-perf-card,
:root[data-theme="dark"] .page-card,
:root[data-theme="dark"] .team-card,
:root[data-theme="dark"] .job-card,
:root[data-theme="dark"] .legal-toc,
:root[data-theme="dark"] .contact-composition {
  background: color-mix(in oklch, var(--color-bg-secondary), transparent 15%) !important;
  border-color: color-mix(in oklch, var(--color-glow), transparent 75%) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

:root[data-theme="dark"] .subpage-badge {
  background: color-mix(in oklch, var(--color-accent-soft), transparent 10%) !important;
  border-color: color-mix(in oklch, var(--color-accent-border), white 20%) !important;
  color: oklch(92% 0.12 215) !important;
}

/* Dark Mode Code Terminal & Logs */
:root[data-theme="dark"] .ta-terminal-card {
  background: oklch(10% 0.02 264) !important;
  border-color: color-mix(in oklch, var(--color-glow), transparent 70%) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65) !important;
}

/* Dark Mode Sticky Subnav Bar */
:root[data-theme="dark"] .lifecycle-subnav-sticky {
  background: color-mix(in oklch, var(--color-bg-secondary), transparent 10%) !important;
  border-color: color-mix(in oklch, var(--color-glow), transparent 70%) !important;
}

:root[data-theme="dark"] .lifecycle-subnav__item {
  color: var(--color-text-secondary) !important;
}

:root[data-theme="dark"] .lifecycle-subnav__item.is-active,
:root[data-theme="dark"] .lifecycle-subnav__item:hover {
  color: var(--color-text-primary) !important;
  background: color-mix(in oklch, var(--color-accent-soft), transparent 15%) !important;
}