/* NeurAeon site-wide dark mode. Off by default; the nav toggle sets html[data-nav=dark] and remembers it.
   Palette matches the footer: navy ground, slightly lifted surfaces, light text, bright teal accent. */
html[data-nav=dark]{
  --nd-bg:#0b1620; --nd-bg-alt:#0d1b26; --nd-surface:#111f2b; --nd-surface-2:#16283a;
  --nd-fg:#e6eef2; --nd-fg-2:#c3d1d8; --nd-muted:#9fb3bd; --nd-faint:#7d919c;
  --nd-line:rgba(255,255,255,.08); --nd-accent:#2dd4bf; --nd-accent-2:#5eead4;
  /* page variables the original stylesheets use */
  --neutral-900:#e6eef2; --neutral-800:#c3d1d8; --neutral-100:#16283a;
  --ds-ink:#e6eef2; --ds-muted:#9fb3bd; --ds-teal:#2dd4bf; --ds-line:rgba(255,255,255,.08); --ds-bg:#0b1620;
  color-scheme:dark;
}
html[data-nav=dark] body{background:var(--nd-bg)!important;color:var(--nd-fg)}
html[data-nav=dark] .loader{background:var(--nd-bg)!important}
html[data-nav=dark] ::-webkit-scrollbar-track{background:var(--nd-bg)}
html[data-nav=dark] .noise-overlay{opacity:.035}

/* ---------- Tailwind pages: surfaces ---------- */
html[data-nav=dark] .bg-white{background-color:var(--nd-surface)!important}
html[data-nav=dark] .bg-gray-50{background-color:var(--nd-bg-alt)!important}
html[data-nav=dark] .bg-gray-100,html[data-nav=dark] .bg-gray-200{background-color:var(--nd-surface-2)!important}
html[data-nav=dark] .bg-teal-50{background-color:rgba(45,212,191,.08)!important}
html[data-nav=dark] .bg-teal-100{background-color:rgba(45,212,191,.14)!important}
html[data-nav=dark] .bg-teal-200{background-color:rgba(45,212,191,.2)!important}
html[data-nav=dark] .bg-cyan-100{background-color:rgba(34,211,238,.14)!important}
html[data-nav=dark] .bg-cyan-200{background-color:rgba(34,211,238,.2)!important}
html[data-nav=dark] .bg-blue-100{background-color:rgba(96,165,250,.14)!important}
html[data-nav=dark] .bg-indigo-100{background-color:rgba(129,140,248,.14)!important}
html[data-nav=dark] .bg-purple-100{background-color:rgba(192,132,252,.14)!important}
html[data-nav=dark] .hover\:bg-teal-50:hover{background-color:rgba(45,212,191,.1)!important}
html[data-nav=dark] .hover\:bg-white:hover,html[data-nav=dark] .focus\:bg-white:focus{background-color:var(--nd-surface-2)!important}
/* pale gradient washes become faint tints */
html[data-nav=dark] [class*="from-teal-50"],html[data-nav=dark] [class*="from-gray-50"]{--tw-gradient-from:rgba(45,212,191,.05) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(45,212,191,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html[data-nav=dark] .from-teal-100,html[data-nav=dark] .from-cyan-100,html[data-nav=dark] .from-blue-100,html[data-nav=dark] .from-indigo-100,html[data-nav=dark] .from-purple-100{--tw-gradient-from:rgba(45,212,191,.18) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(34,211,238,.06) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}

/* ---------- Tailwind pages: text ---------- */
html[data-nav=dark] .text-gray-900{color:var(--nd-fg)!important}
html[data-nav=dark] .text-gray-800{color:var(--nd-fg)!important}
html[data-nav=dark] .text-gray-700{color:var(--nd-fg-2)!important}
html[data-nav=dark] .text-gray-600{color:var(--nd-muted)!important}
html[data-nav=dark] .text-gray-500{color:var(--nd-muted)!important}
html[data-nav=dark] .text-gray-400{color:var(--nd-faint)!important}
html[data-nav=dark] .text-teal-600{color:var(--nd-accent)!important}
html[data-nav=dark] .text-teal-700{color:var(--nd-accent-2)!important}
html[data-nav=dark] .text-teal-800{color:#99f6e4!important}
html[data-nav=dark] .text-cyan-600{color:#22d3ee!important}
html[data-nav=dark] .text-blue-600{color:#60a5fa!important}
html[data-nav=dark] .text-indigo-600{color:#818cf8!important}
html[data-nav=dark] .text-purple-600{color:#c084fc!important}
html[data-nav=dark] .hover\:text-teal-600:hover{color:var(--nd-accent)!important}

/* ---------- Tailwind pages: borders, cards, forms ---------- */
html[data-nav=dark] .border-gray-100,html[data-nav=dark] .border-gray-200,html[data-nav=dark] .hover\:border-gray-100:hover{border-color:var(--nd-line)!important}
html[data-nav=dark] .border-teal-100,html[data-nav=dark] .border-teal-200,html[data-nav=dark] .border-cyan-200{border-color:rgba(45,212,191,.25)!important}
html[data-nav=dark] .border-white{border-color:var(--nd-surface-2)!important}
html[data-nav=dark] .shadow-sm,html[data-nav=dark] .shadow-lg,html[data-nav=dark] .shadow-xl{--tw-shadow-color:rgba(0,0,0,.4)}
html[data-nav=dark] .team-card:hover,html[data-nav=dark] .agent-card:hover,html[data-nav=dark] .framework-card:hover,html[data-nav=dark] .milestone-card:hover{border-color:rgba(45,212,191,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.35)!important}
html[data-nav=dark] input,html[data-nav=dark] textarea,html[data-nav=dark] select{color:var(--nd-fg)!important}
html[data-nav=dark] input::placeholder,html[data-nav=dark] textarea::placeholder{color:var(--nd-faint)!important}
html[data-nav=dark] .gradient-text{background:linear-gradient(135deg,#e6eef2 0%,#2dd4bf 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* ---------- Digital Shadow / About (custom stylesheet) ---------- */
html[data-nav=dark] .ds-page{background:var(--nd-bg)!important;color:var(--nd-fg)}
html[data-nav=dark] .ds-hero{background:radial-gradient(ellipse at 30% 48%,rgba(45,212,191,.12) 0,transparent 40%),radial-gradient(ellipse at 90% 30%,rgba(96,165,250,.1) 0,transparent 42%),var(--nd-bg)!important}
html[data-nav=dark] .ds-hero h1 span{color:var(--nd-accent)!important}
html[data-nav=dark] .ds-section-white{background:var(--nd-bg)!important}
html[data-nav=dark] .ds-section-blue{background:var(--nd-bg-alt)!important}
html[data-nav=dark] .ds-panel,html[data-nav=dark] .ds-step,html[data-nav=dark] .ds-risk,html[data-nav=dark] .ds-phase,html[data-nav=dark] .ds-privacy-card{background:var(--nd-surface)!important;border-color:var(--nd-line)!important;color:var(--nd-fg)}
html[data-nav=dark] .ds-step[aria-pressed=true]{background:rgba(45,212,191,.1)!important;border-color:rgba(45,212,191,.35)!important}
html[data-nav=dark] .ds-btn-outline{background:transparent!important;border-color:rgba(255,255,255,.18)!important;color:var(--nd-fg)!important}
html[data-nav=dark] .ds-tag,html[data-nav=dark] .ds-badge,html[data-nav=dark] .ds-phase .ds-state,html[data-nav=dark] .ds-risk-icon{background:rgba(45,212,191,.1)!important;color:var(--nd-accent-2)!important;border-color:rgba(45,212,191,.3)!important}
html[data-nav=dark] .ds-tag::before{box-shadow:0 0 0 5px rgba(45,212,191,.18)!important}
html[data-nav=dark] .ds-meta-row span{background:rgba(255,255,255,.04)!important;border-color:var(--nd-line)!important;color:var(--nd-fg-2)!important}
html[data-nav=dark] .ds-agent-info .ds-subcard{background:var(--nd-surface-2)!important;border-color:var(--nd-line)!important}
html[data-nav=dark] .ds-agent-info .ds-subcard strong,html[data-nav=dark] .ds-kicker,html[data-nav=dark] .ds-panel-label,html[data-nav=dark] .ds-step small,html[data-nav=dark] .ds-phase .ds-phase-num{color:var(--nd-accent)!important}
html[data-nav=dark] .ds-agent-info .ds-subcard p,html[data-nav=dark] .ds-note,html[data-nav=dark] .ds-risk small{color:var(--nd-muted)!important}
html[data-nav=dark] .ds-step{color:var(--nd-fg)!important}

/* smooth switch, but not on first paint */
html.nf-theme-anim body,html.nf-theme-anim body *{transition:background-color .35s ease,border-color .35s ease,color .35s ease!important}