/* Warm Espresso — Dark roasted-brown charcoal, copper accents, a teal hover pop. Warm dark, cozy. */
:root {
  --bg: #15110d;
  --surface: #201a14;
  --surface2: #28201a;
  --surface3: #322820;
  --text: #e3dccf;
  --muted: #a89b86;
  --strong: #e3b07a;
  --heading: #d99a5c;
  --h2: #e0795a;
  --h3: #c9a36a;
  --h4: #cf9152;
  --rule: #322619;
  --border: #38301f;
  --accent: #cf9152;
  --accent-h: #6bb6a6;
  --on-accent: #120d08;
  --pill-bg: #28201a;
  --pill-border: #38301f;
  --pill-text: #cf9152;
  --note: #2a1f0d;
  --note-text: #e3dccf;
  --note-accent: #6bb6a6;
  --code: #e0795a;
  --glow: rgba(207,145,82,0.16);
  --nav-grad: linear-gradient(135deg, #1d1610 0%, #261c12 55%, #2f2316 100%);
  --nav-text: #efe4d4;
  --nav-accent: #e0a468;
  --nav-surface: #201a14;
  --nav-menu-text: #e3dccf;
  --nav-hover: rgba(255,255,255,0.14);
  --nav-hover2: #28201a;
  --nav-dot: rgba(255,255,255,0.45);
  --switch-bg: #261c12;
  --switch-text: #efe4d4;
  --switch-active-bg: #e0a468;
  --switch-active-text: #2f2316;
}