:root {
  /* ✨ Primary: Logo Green*/
  --primary:       #263E22;
  --primary-dark:  #1E311B;
  --primary-light: #365730;
  --primary-pale:  rgba(38, 62, 34, 0.10);

  /* ✨ Secondary: Logo Green*/
  --secondary:       #263E22;
  --secondary-dark:  #1E311B;
  --secondary-light: #365730;
  --secondary-pale:  rgba(38, 62, 34, 0.10);

  /*Accent: Warm Orange*/
  --accent:       #FF6F00;
  --accent-dark:  #C45500;
  --accent-light: #FF8F00;
  --accent-pale:  rgba(255, 111, 0, 0.10);

  /* ── Neutral: Safari Brown / Earth*/
  --earth-dark:   #3D2B1F;
  --earth-mid:    #6B4423;
  --earth-light:  #A07048;
  --sand-dark:    #C4A882;
  --sand-mid:     #DEC9A8;
  --sand-light:   #F5ECD9;
  --sand-pale:    #FBF6EE;

  /* ── Lake Blue */
  --lake:         #1E6FA8;
  --lake-dark:    #145580;
  --lake-light:   #2E8FCC;
  --lake-pale:    rgba(30, 111, 168, 0.10);

  /* ── Text */
  --text-primary:   #2A1A0E;
  --text-secondary: #5C3D20;
  --text-muted:     #8A6E54;
  --text-light:     #B09070;
  --text-white:     #FFFFFF;
  --text-on-dark:   rgba(255, 255, 255, 0.90);

  /* ── Backgrounds*/
  --bg-primary:   #FAFAFA;
  --bg-secondary: #F0F0F0;
  --bg-muted:     #E0E0E0;
  --bg-dark:      #2A1A0E;
  --bg-darker:    #1A0E06;
  --bg-card:      #FFFFFF;

  /* ── Border*/
  --border:       #E8D8C0;
  --border-light: #F0E4CC;
  --border-focus: var(--primary);

  /* ── Status Colors*/
  --success:      #2E7D32;
  --success-bg:   #E8F5E9;
  --warning:      #E65100;
  --warning-bg:   #FFF3E0;
  --error:        #C62828;
  --error-bg:     #FFEBEE;
  --info:         #1565C0;
  --info-bg:      #E3F2FD;

  /* ── Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body:    'Roboto', sans-serif;

  /* ── Spacing Scale */
  --space-1:  0.25rem;   /*  4px */
  --space-2:  0.5rem;    /*  8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */

  /* Legacy aliases */
  --spacing-xs:  var(--space-2);
  --spacing-sm:  var(--space-4);
  --spacing-md:  var(--space-6);
  --spacing-lg:  var(--space-8);
  --spacing-xl:  var(--space-12);
  --spacing-xxl: var(--space-20);

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

  /* ── Shadows */
  --shadow-xs:  0 1px 3px rgba(42, 26, 14, 0.08);
  --shadow-sm:  0 2px 8px  rgba(42, 26, 14, 0.10);
  --shadow-md:  0 8px 24px rgba(42, 26, 14, 0.12);
  --shadow-lg:  0 16px 48px rgba(42, 26, 14, 0.15);
  --shadow-xl:  0 24px 64px rgba(42, 26, 14, 0.18);
  --shadow-card: 0 4px 20px rgba(42, 26, 14, 0.10);
  --shadow-glow: 0 0 30px rgba(200, 134, 10, 0.25);

  /* ── Gradients (Now Solid Colors) */
  --gradient-primary:  var(--primary);
  --gradient-hero:     rgba(42,26,14,0.60);
  --gradient-card:     rgba(42,26,14,0.85);
  --gradient-section:  var(--sand-pale);
  --gradient-gold:     #C8860A;
  --gradient-green:    var(--secondary);

  /* ── Transitions */
  --transition:      all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-index */
  --z-behind:   -1;
  --z-base:      1;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-fixed:    300;
  --z-overlay:  400;
  --z-modal:    500;
  --z-toast:    600;
}