@charset "UTF-8";
:root {
  /* -- Colors -- */
  --bg-color: #f9f6ee;

  --text-primary: #1e1f21;
  --text-secondary: #044f30;

  --accent-color1: #8e4a3b;
  --accent-color2: #c19b39;
  --accent-color3: #f4f0e3;
  --accent-color4: #2a3c34;

  /* -- Typography (Adobe Fonts) -- */
  --font-heading: adobe-garamond-pro, serif;
  --font-body: gill-sans-nova, sans-serif;

  /* -- Fluid Typography -- */
  /* clamp(Mobile Min, Slower Growth Slope, Desktop Max) */
  --text-nav: clamp(1rem, 0.8rem + 1vw, 1.125rem);
  --text-base: clamp(1rem, 0.8rem + 1vw, 1.375rem);
  --text-lg: clamp(1.25rem, 1rem + 1.5vw, 1.875rem);
  --text-xl: clamp(1.75rem, 1.2rem + 2vw, 3rem);
  --text-xxl: clamp(2rem, 1.5rem + 3vw, 4.5rem);

  /* -- Fluid Spacing -- */
  --space-sm: clamp(1rem, 0.8rem + 1vw, 1.5rem);
  --space-md: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --space-lg: clamp(4rem, 3rem + 5vw, 6rem);
  --space-xl: clamp(6rem, 4rem + 8vw, 10rem);

  /* -- Transitions (For those premium micro-interactions) -- */
  --transition-smooth: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}