:root {
  /* Colors */
  --color-bg-primary: #FDFBF7;
  --color-bg-secondary: #F6F3EC; /* Refined to be slightly softer and brighter */
  --color-text-primary: #221D1B; /* Darker, richer espresso for stronger typography contrast */
  --color-text-muted: #726359;
  --color-border: #E8E0D5; /* Subtler divider lines */
  
  /* Typography */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing (8pt grid system) */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-6: 3rem;     /* 48px */
  --space-8: 4rem;     /* 64px */
  --space-12: 6rem;    /* 96px */
  --space-16: 8rem;    /* 128px */
  --space-24: 12rem;   /* 192px */
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;     /* Inputs */
  --radius-lg: 20px;     /* Cards/Images - tightened slightly for elegance */
  --radius-pill: 9999px; /* Buttons */
  
  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(34, 29, 27, 0.04);
  --shadow-md: 0 16px 40px rgba(34, 29, 27, 0.08); /* Wider, softer, more luxurious shadow */
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.22, 1, 0.36, 1); /* Premium "easing" curve */
  --transition-slow: 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}