/* BlueThread — CSS variable theme tokens + dark/light switching */
:root {
  --color-bg-base:    #0a1628;
  --color-bg-card:    #0d1f3c;
  --color-bg-surface: #162847;
  --color-border:     #1e3a5f;
  --color-text-base:  #f0f6ff;
  --color-text-sub:   #c8d8f0;
  --color-text-muted: #7a9cc0;
  --color-nav-bg:     #ffffff;   /* BlueThread: always white nav */
  --color-nav-border: #e2e8f0;
  --color-nav-text:   #475569;
  --color-nav-text-hover: #2563eb;
  --color-footer-bg:  #060f1e;
  --hero-gradient-start: #050e1e;
  --hero-gradient-mid:   #0a1628;
  --hero-gradient-end:   #0d1f3c;
}
@media (prefers-color-scheme: light) {
  :root {
    --color-bg-base:    #f0f6ff;
    --color-bg-card:    #ffffff;
    --color-bg-surface: #e8f0fc;
    --color-border:     #c8d8f0;
    --color-text-base:  #0a1628;
    --color-text-sub:   #162847;
    --color-text-muted: #4a6c94;
    --color-nav-bg:     #ffffff;
    --color-nav-border: #c8d8f0;
    --color-nav-text:   #475569;
    --color-nav-text-hover: #2563eb;
    --color-footer-bg:  #0a1628;
    --hero-gradient-start: #eff6ff;
    --hero-gradient-mid:   #ffffff;
    --hero-gradient-end:   #eff6ff;
  }
}
html[data-theme="dark"] {
  --color-bg-base:    #0a1628; --color-bg-card: #0d1f3c;
  --color-bg-surface: #162847; --color-border: #1e3a5f;
  --color-text-base:  #f0f6ff; --color-text-sub: #c8d8f0; --color-text-muted: #7a9cc0;
  --color-nav-bg: #ffffff; --color-nav-border: #e2e8f0; --color-footer-bg: #060f1e;
  --color-nav-text: #475569; --color-nav-text-hover: #2563eb;
  --hero-gradient-start: #050e1e; --hero-gradient-mid: #0a1628; --hero-gradient-end: #0d1f3c;
}
html[data-theme="light"] {
  --color-bg-base:    #f0f6ff; --color-bg-card: #ffffff;
  --color-bg-surface: #e8f0fc; --color-border: #c8d8f0;
  --color-text-base:  #0a1628; --color-text-sub: #162847; --color-text-muted: #4a6c94;
  --color-nav-bg: #ffffff; --color-nav-border: #c8d8f0; --color-footer-bg: #0a1628;
  --color-nav-text: #475569; --color-nav-text-hover: #2563eb;
  --hero-gradient-start: #eff6ff; --hero-gradient-mid: #ffffff; --hero-gradient-end: #eff6ff;
}

/* ── BlueThread: always white nav regardless of OS theme ── */
#nav,
#nav #nav-inner {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}
#nav a:not(.btn-primary):not(.btn-secondary):not(.btn-white), #nav button:not(.btn-primary) { color: #475569 !important; }
#nav a:not(.btn-primary):not(.btn-secondary):not(.btn-white):hover { color: #2563eb !important; }
#nav a.btn-primary, #nav a.btn-primary:hover { color: #ffffff !important; }