:root {
  --color-primary: #1B4332;
  --color-primary-dark: #0D2818;
  --color-primary-mid: #2D6A4F;
  --color-accent: #F59E0B;
  --color-accent-dark: #B45309;
  --color-secondary: #A3B18A;
  --color-earth: #6B4226;
  --color-light: #F9FAF5;
  --color-white: #FFFFFF;
  --color-text-dark: #1A1A1A;
  --color-text-mid: #4A4A4A;
  --color-text-light: #7A8C6E;
  --color-border: #D6E4D8;
  --color-success: #22C55E;
  --color-card-bg: #F0F4EE;
  --color-overlay: rgba(27,67,50,0.82);

  --font-heading: 'Playfair Display', serif;
  --font-subheading: 'Raleway', sans-serif;
  --font-body: 'Lato', sans-serif;

  --text-xs: 0.725rem;
  --text-sm: 0.85rem;
  --text-base: 0.95rem;
  --text-md: 1.05rem;
  --text-lg: 1.15rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(27, 67, 50, 0.12);
  --shadow-lg: 0 8px 32px rgba(27, 67, 50, 0.18);
  --shadow-accent: 0 4px 20px rgba(245, 158, 11, 0.25);
}