:root {
  /* Brand colors */
  --clr-green-dark:  #2D4228;
  --clr-gold:        #8C7B3A;
  --clr-gold-light:  #A9965A;
  --clr-gray:        #8C8C8C;
  --clr-blue:        #5BC8E8;
  --clr-off-white:   #F0EDE8;
  --clr-green:       #3A7A35;
  --clr-dark:        #141414;
  --clr-dark-2:      #1E1E1E;
  --clr-dark-3:      #282828;
  --clr-white:       #FFFFFF;
  --clr-overlay:     rgba(20, 20, 20, 0.68);

  /* Typography */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans:  'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* Fluid font scale */
  --fs-xs:   clamp(0.7rem,  1.2vw, 0.8rem);
  --fs-sm:   clamp(0.85rem, 1.5vw, 1rem);
  --fs-base: clamp(1rem,    1.8vw, 1.125rem);
  --fs-md:   clamp(1.2rem,  2vw,   1.5rem);
  --fs-lg:   clamp(1.6rem,  3vw,   2.2rem);
  --fs-xl:   clamp(2.2rem,  4.5vw, 3.5rem);
  --fs-2xl:  clamp(3rem,    6vw,   5rem);
  --fs-3xl:  clamp(3.5rem,  8vw,   7rem);

  /* Spacing */
  --sp-2xs: 0.25rem;
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  2rem;
  --sp-lg:  3rem;
  --sp-xl:  5rem;
  --sp-2xl: clamp(4rem, 10vw, 8rem);

  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);

  /* Transitions */
  --tr-fast: 0.18s ease;
  --tr-med:  0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --tr-slow: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Shadows */
  --sh-sm:  0 2px 10px rgba(0,0,0,0.15);
  --sh-md:  0 8px 32px  rgba(0,0,0,0.22);
  --sh-lg:  0 20px 60px rgba(0,0,0,0.35);
  --sh-gold: 0 4px 20px rgba(140,123,58,0.3);

  /* Z-index layers */
  --z-base:     1;
  --z-above:    10;
  --z-nav:      900;
  --z-lightbox: 10000;
}