:root {
  --color-forest-deep: #0c1510;
  --color-forest: #152118;
  --color-forest-muted: #1e2f24;
  --color-cream: #e8e2d6;
  --color-cream-soft: #f2ede4;
  --color-off-white: #f7f5f0;
  --color-text-on-dark: #f5f3ee;
  --color-text-on-cream: #1a241c;
  --color-overlay: rgba(8, 14, 10, 0.62);

  --font-serif: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;

  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.18);
  --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.12);

  --transition-fast: 0.2s ease;
  --transition-smooth: 0.45s cubic-bezier(0.22, 1, 0.36, 1);

  --nav-height: 52px;
  --content-max: 480px;
}