/* Midnight Navy — Dark navy rather than black, soft-blue accents, coral section heads. Easy, low-glare blue. */
:root {
  --bg: #0e1421;
  --surface: #18202f;
  --surface2: #1d2738;
  --surface3: #243246;
  --text: #d6dce6;
  --muted: #94a0b0;
  --strong: #7fb0e6;
  --heading: #5b9bd5;
  --h2: #e88a6f;
  --h3: #6fa8de;
  --h4: #5398d8;
  --rule: #20304a;
  --border: #283448;
  --accent: #5398d8;
  --accent-h: #e8a05a;
  --on-accent: #0a1018;
  --pill-bg: #1d2738;
  --pill-border: #283448;
  --pill-text: #5398d8;
  --note: #211b0f;
  --note-text: #d6dce6;
  --note-accent: #e8a05a;
  --code: #e88a6f;
  --glow: rgba(83,152,216,0.16);
  --nav-grad: linear-gradient(135deg, #0d1726 0%, #102036 55%, #122948 100%);
  --nav-text: #d6e2f0;
  --nav-accent: #6cb0ec;
  --nav-surface: #18202f;
  --nav-menu-text: #d6dce6;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #1d2738;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #102036;
  --switch-text: #d6e2f0;
  --switch-active-bg: #6cb0ec;
  --switch-active-text: #122948;
}