:root {
  /* Light theme — hot pink + teal */
  --color-primary: #e28476;
  --color-primary-hover: #b9695d;
  --color-border: #4ecdc4;
  --color-callout: #45b7d1;
  --color-text: #2d2d2d;
  --color-text-muted: #6b7280;
  --color-text-meta: #9ca3af;
  --color-background: #fffdf7;
  --color-background-code: #fff8f0;
  --color-background-pre: #fef3e2;
  --color-background-toc: #fef3e2;
  --color-background-draft: #fff0f0;

  /* Dark theme — amber + cyan */
  --color-primary-dark: #ffd93d;
  --color-primary-hover-dark: #ffca0d;
  --color-border-dark: #48dbfb;
  --color-text-dark: #f9fafb;
  --color-text-muted-dark: #d1d5db;
  --color-background-dark: #1a1a2e;
  --color-background-code-dark: #16213e;
  --color-background-pre-dark: #16213e;
  --color-background-toc-dark: #16213e;
  --color-background-draft-dark: #2d1b33;
}