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

  --text-primary: #eaeaea; /* Off-white for high legibility */
  --text-secondary: #f6edd7; /* For subtitles and ghost buttons */
  --text-dark: #262424; /* For light background */

  --accent-color: #bb9464;
  --accent-color2: #844f15;
  --accent-red: #9e2b2a;
  --accent-red2: #771d1f;

  /* -- Typography (Adobe Fonts) -- */
  --font-heading: "garamond-premier-pro", serif;
  --font-body: "futura-pt", 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);
}