/* ============================================================
   VARIABLES & DESIGN TOKENS
   ============================================================ */

:root {
  /* Colors */
  --color-white:       #FFFFFF;
  --color-green:       #355B34;
  --color-green-dark:  #284528;
  --color-green-light: #4a7c49;
  --color-gold:        #C9A06A;
  --color-gold-dark:   #b08a55;
  --color-black:       #1A1A1A;
  --color-gray-100:    #F8F9F7;
  --color-gray-200:    #EEF0EB;
  --color-gray-300:    #D4D8D0;
  --color-gray-500:    #8A9088;
  --color-gray-700:    #4A4F48;

  /* Typography */
  --font-family:       'Poppins', sans-serif;
  --font-size-xs:      0.75rem;   /* 12px */
  --font-size-sm:      0.875rem;  /* 14px */
  --font-size-base:    1rem;      /* 16px */
  --font-size-lg:      1.125rem;  /* 18px */
  --font-size-xl:      1.25rem;   /* 20px */
  --font-size-2xl:     1.5rem;    /* 24px */
  --font-size-3xl:     1.875rem;  /* 30px */
  --font-size-4xl:     2.25rem;   /* 36px */
  --font-size-5xl:     3rem;      /* 48px */

  --font-weight-regular:   400;
  --font-weight-medium:    500;
  --font-weight-semibold:  600;
  --font-weight-bold:      700;

  --line-height-tight:  1.2;
  --line-height-snug:   1.4;
  --line-height-normal: 1.6;
  --line-height-loose:  1.8;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg:  0 10px 30px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-xl:  0 20px 50px rgba(0,0,0,0.15), 0 8px 16px rgba(0,0,0,0.08);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-bounce: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --container-max:  1200px;
  --container-wide: 1400px;
  --header-height:  72px;

  /* Z-index scale */
  --z-base:    0;
  --z-above:   10;
  --z-overlay: 100;
  --z-header:  200;
  --z-modal:   300;
  --z-sticky:  400;
}