:root {
  --font-display: "Playfair Display", Georgia, serif;
  --font-heading: "Lora", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;

  --color-soil: #5c3d1e;
  --color-field: #4a7c3f;
  --color-leaf: #7ab648;
  --color-gold: #e8a020;
  --color-cream: #f7f3ec;
  --color-petal: #fdfaf4;
  --color-mist: #d4e8c2;
  --color-sky: #e8f4f0;
  --color-text: #2e2e2e;
  --color-subtext: #666050;
  --color-border: #e0d8c8;

  --grad-cta: linear-gradient(135deg, #4a7c3f 0%, #7ab648 100%);
  --grad-gold: linear-gradient(135deg, #e8a020 0%, #f5c842 100%);

  --space-4: clamp(13px, 0.34vw + 12px, 16px);
  --space-5: clamp(20px, 0.51vw + 19px, 24px);
  --space-6: clamp(27px, 0.68vw + 25px, 32px);
  --space-8: clamp(54px, 1.36vw + 50px, 64px);
  --space-section: clamp(56px, 8vw, 96px);

  --radius-md: clamp(11px, 0.3vw + 11px, 14px);
  --radius-lg: clamp(20px, 0.51vw + 19px, 24px);
  --radius-pill: clamp(8499px, 212.98vw + 7799px, 9999px);

  --shadow-card: 0 2px clamp(13px, 0.34vw + 12px, 16px) rgba(92, 61, 30, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 clamp(10px, 0.26vw + 9px, 12px) clamp(34px, 0.85vw + 31px, 40px) rgba(74, 124, 63, 0.15);

  /* Fluid Typography */
  --fs-h1: clamp(2rem, 3.5vw + 1rem, 3rem);
  --fs-h2: clamp(1.75rem, 3.5vw + 0.5rem, 2.75rem);
  --fs-h3: clamp(1.35rem, 2.5vw + 0.5rem, 1.85rem);
  --fs-body: clamp(0.95rem, 0.9vw + 0.5rem, 1.15rem);
}