/* Slate Teal — Dark slate-teal, teal accents, amber sections. Clean dark, spa-calm. */
:root {
  --bg: #0e1518;
  --surface: #182227;
  --surface2: #1d292f;
  --surface3: #243339;
  --text: #d7dee1;
  --muted: #93a1a6;
  --strong: #6fd0c8;
  --heading: #3fb8ad;
  --h2: #e0a45a;
  --h3: #4cc2b6;
  --h4: #36b3a8;
  --rule: #203035;
  --border: #28353a;
  --accent: #36b3a8;
  --accent-h: #e0a45a;
  --on-accent: #0a1113;
  --pill-bg: #1d292f;
  --pill-border: #28353a;
  --pill-text: #36b3a8;
  --note: #26200f;
  --note-text: #d7dee1;
  --note-accent: #e0a45a;
  --code: #e0a45a;
  --glow: rgba(54,179,168,0.16);
  --nav-grad: linear-gradient(135deg, #0d1a1e 0%, #102529 55%, #123035 100%);
  --nav-text: #d6ebe9;
  --nav-accent: #45c7bb;
  --nav-surface: #182227;
  --nav-menu-text: #d7dee1;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #1d292f;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #102529;
  --switch-text: #d6ebe9;
  --switch-active-bg: #45c7bb;
  --switch-active-text: #123035;
}