:root {
  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-display: 'DM Sans', system-ui, -apple-system, sans-serif;

  --color-forest-950: #0f1811;
  --color-forest-900: #162219;
  --color-forest-800: #1f3024;
  --color-forest-700: #2a3f2e;
  --color-forest-600: #3d5a3e;
  --color-forest-500: #4f704f;
  --color-sage-400: #8fb88a;
  --color-sage-300: #b5d4b0;
  --color-mint-200: #d8ead4;
  --color-gold-500: #d4b84a;
  --color-gold-400: #e8c547;
  --color-cream: #f4f7f0;
  --color-cream-muted: rgba(244, 247, 240, 0.72);

  --glass-bg: rgba(22, 34, 25, 0.58);
  --glass-bg-strong: rgba(15, 24, 17, 0.78);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-border-hover: rgba(255, 255, 255, 0.28);
  --glass-blur: 18px;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  --shadow-soft: 0 14px 42px rgba(8, 16, 10, 0.32);
  --shadow-glow: 0 0 28px rgba(143, 184, 138, 0.22);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --menu-bg: #1c1713;
  --menu-text: #c4a574;
  --menu-text-muted: rgba(196, 165, 116, 0.34);
  --menu-chrome-bg: rgba(28, 23, 19, 0.72);
  --menu-chrome-border: rgba(196, 165, 116, 0.18);
  --menu-chrome-text: #d8c29a;
}