/* ============================
   Country Modern Design System
   Variables & Design Tokens
============================= */

:root {
  /* Colors - Country Modern Palette */
  --color-sage: #7a9b76;
  --color-sage-dark: #5a7a56;
  --color-moss: #4a6741;
  --color-cream: #f5f1e8;
  --color-stone: #d4cfc4;
  --color-terracotta: #c97d60;
  --color-sky: #a8c5d1;
  --color-bark: #6b5d52;
  --color-charcoal: #3d3d3d;
  
  /* Typography */
  --font-heading: 'Merriweather', serif;
  --font-body: 'Inter', sans-serif;
  
  /* Spacing Scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 3rem;
  --space-xl: 4rem;
  
  /* Shadows - Organic & Soft */
  --shadow-soft: 0 2px 8px rgba(61, 61, 61, 0.08);
  --shadow-medium: 0 4px 16px rgba(61, 61, 61, 0.12);
  --shadow-strong: 0 8px 24px rgba(61, 61, 61, 0.16);
  
  /* Z-index Scale */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
}