:root {
  --sage: #9CAF88;
  --sage-light: #B8C9A6;
  --sage-dark: #7A8D6A;
  --beige: #F5F0E8;
  --beige-dark: #EDE5D8;
  --cream: #FAF8F4;
  --ivory: #FDFCFA;
  --gold: #C9A96E;
  --gold-light: #DFC99A;
  --gold-dark: #A8894E;
  --charcoal: #1A1A1A;
  --graphite: #2C2C2C;
  --stone: #6B6560;
  --warm-gray: #8C8680;
  --muted-text: #A39E98;
  --border-light: #E8E3DC;
  --white: #FFFFFF;
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 24px rgba(0,0,0,0.06);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.08);
  --shadow-xl: 0 24px 64px rgba(0,0,0,0.12);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --max-width: 1200px;
}