:root {
  --cream: #F5EDD8;
  --cream-dark: #E8D9B8;
  --warm: #C8902A;
  --warm-dark: #9A6E1A;
  --warm-light: #E8B84B;
  --bg: #14110C;
  --bg2: #1C1811;
  --bg3: #241E15;
  --surface: #2C2317;
  --surface2: #3B301F;
  --border: rgba(200,144,42,0.14);
  --border-hover: rgba(200,144,42,0.32);
  --text: #F5EDD8;
  --text-muted: #B6A686;
  --text-dim: #6E5D45;
  --error: #E05252;
  --nav-height: 88px;

  /* Typography — Fraunces (display) + Plein (body); see docs/internal/FONT_USAGE.md */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Plein', system-ui, sans-serif;
}