:root {
  /* Colors */
  --forest-green: #163524;
  --ink-green: #0B1B12;
  --moss-green: #6F7F4D;
  --bark-brown: #6A452B;
  --clay-beige: #E8D8BC;
  --warm-cream: #F6F0E4;
  --sunrise-gold: #C99A49;
  --soft-sage: #A9B18A;

  /* Fonts (Wilder Serif / Sofia Pro drop in via @font-face when licensed) */
  --font-head: "Wilder Serif", "Cormorant Garamond", Georgia, serif;
  --font-body: "Sofia Pro", "Inter", Arial, sans-serif;

  /* Radius */
  --radius-img: 22px;
  --radius-card: 18px;
  --radius-btn: 14px;
  --radius-pill: 999px;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --section-y: clamp(4.5rem, 9vw, 9rem);
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --maxw: 1240px;

  /* Effects */
  --shadow-soft: 0 18px 40px -24px rgba(11, 27, 18, 0.45);
  --shadow-card: 0 10px 30px -18px rgba(11, 27, 18, 0.35);
  --rule: 1px solid color-mix(in srgb, var(--bark-brown) 35%, transparent);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Warm glow system (firelight & sunrise — earthy, never neon) */
  --glow-gold: rgba(201, 154, 73, 0.5);
  --glow-gold-soft: rgba(201, 154, 73, 0.22);
  --glow-ember: rgba(176, 92, 47, 0.42);
  --glow-moss: rgba(111, 127, 77, 0.4);
  --shadow-glow: 0 22px 50px -22px rgba(201, 154, 73, 0.5), 0 14px 34px -20px rgba(11, 27, 18, 0.55);
  --shadow-lift: 0 26px 60px -28px rgba(11, 27, 18, 0.6);
}