/* Deep Ocean — Dark teal-blue, aqua accents, coral sections. Coastal at night, deep and quiet. */
:root {
  --bg: #0b1418;
  --surface: #142026;
  --surface2: #18272e;
  --surface3: #1f323a;
  --text: #d6e0e3;
  --muted: #91a2a8;
  --strong: #6fd2d6;
  --heading: #3cc2c6;
  --h2: #e88a6f;
  --h3: #4cc7cb;
  --h4: #33b8bc;
  --rule: #1d2f36;
  --border: #25343b;
  --accent: #33b8bc;
  --accent-h: #e88a6f;
  --on-accent: #091115;
  --pill-bg: #18272e;
  --pill-border: #25343b;
  --pill-text: #33b8bc;
  --note: #211b0f;
  --note-text: #d6e0e3;
  --note-accent: #e88a6f;
  --code: #e88a6f;
  --glow: rgba(51,184,188,0.16);
  --nav-grad: linear-gradient(135deg, #0a1820 0%, #0d2530 55%, #0f303d 100%);
  --nav-text: #d6ecee;
  --nav-accent: #45c9cd;
  --nav-surface: #142026;
  --nav-menu-text: #d6e0e3;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #18272e;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #0d2530;
  --switch-text: #d6ecee;
  --switch-active-bg: #45c9cd;
  --switch-active-text: #0f303d;
}