/* Original — Midnight Cyan — The current live site: pure-black background, cyan accents. */
:root {
  --bg: #000000;
  --surface: #16213e;
  --surface2: #1c3326;
  --surface3: #244430;
  --text: #f5f5f5;
  --muted: #aab0b8;
  --strong: #1E90FF;
  --heading: #00d4ff;
  --h2: #e74c3c;
  --h3: #2ecc71;
  --h4: #00d4ff;
  --rule: #0f3460;
  --border: #2c4d3a;
  --accent: #00d4ff;
  --accent-h: #f39c12;
  --on-accent: #ffffff;
  --pill-bg: #243b6b;
  --pill-border: #4a6aa8;
  --pill-text: #ffffff;
  --note: #2a1f0d;
  --note-text: #f5f5f5;
  --note-accent: #f39c12;
  --code: #f39c12;
  --glow: rgba(0,212,255,0.18);
  --nav-grad: linear-gradient(135deg, #0a1628 0%, #0f3460 55%, #162850 100%);
  --nav-text: #e0e0e0;
  --nav-accent: #00d4ff;
  --nav-surface: #16213e;
  --nav-menu-text: #c8d0da;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #1c3326;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #0f3460;
  --switch-text: #e0e0e0;
  --switch-active-bg: #00d4ff;
  --switch-active-text: #162850;
}