:root {
  --color-bg: #f5f5f0;
  --color-bg-warm: #eae3d2;
  --color-surface: #ffffff;
  --color-primary: #1b3022;
  --color-primary-dark: #1a3a32;
  --color-sage: #8a9a7a;
  --color-taupe: #d9d4cc;
  --color-text: #2c2c2c;
  --color-text-muted: #5a5a52;
  --color-gold: #c4a962;
  --color-gold-light: #e8d9a8;
  --color-white: #ffffff;

  --font-heading: "Montserrat", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-accent: "Caveat", cursive;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-soft: 0 4px 24px rgba(27, 48, 34, 0.08);
  --header-height: 56px;
  --nav-height: 72px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
}