/* Charcoal Cyan — The original, softened: a charcoal background instead of pure black and gentler text — same cyan. */
:root {
  --bg: #0e1419;
  --surface: #17212b;
  --surface2: #1c2733;
  --surface3: #243240;
  --text: #d9dee4;
  --muted: #95a0ab;
  --strong: #6fd3ec;
  --heading: #35c6e3;
  --h2: #e8836f;
  --h3: #56c98c;
  --h4: #2bbede;
  --rule: #20303d;
  --border: #28333f;
  --accent: #2bbede;
  --accent-h: #f0a85a;
  --on-accent: #0a1014;
  --pill-bg: #1c2733;
  --pill-border: #28333f;
  --pill-text: #2bbede;
  --note: #241a0c;
  --note-text: #d9dee4;
  --note-accent: #f0a85a;
  --code: #e8836f;
  --glow: rgba(43,190,222,0.16);
  --nav-grad: linear-gradient(135deg, #0c1620 0%, #0f2233 55%, #122a3e 100%);
  --nav-text: #d6e6ef;
  --nav-accent: #35c6e3;
  --nav-surface: #17212b;
  --nav-menu-text: #d9dee4;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #1c2733;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #0f2233;
  --switch-text: #d6e6ef;
  --switch-active-bg: #35c6e3;
  --switch-active-text: #122a3e;
}