/* ─── VARIABLES ─────────────────────────────────────────── */
:root {
  --primary:        #1B4332;
  --primary-mid:    #2D6A4F;
  --primary-light:  #52B788;
  --primary-pale:   #D8F3DC;
  --accent:         #F4A261;
  --accent-dark:    #E76F51;
  --accent-pale:    #FFF0E5;
  --bg:             #F4F7F2;
  --bg-alt:         #EBF0E8;
  --surface:        #FFFFFF;
  --surface-2:      #F8FAF6;
  --text:           #0F1F0F;
  --text-2:         #3A5A3A;
  --text-muted:     #7A9A7A;
  --border:         #D4E6CE;
  --border-2:       #C5DFC0;
  --shadow-sm:      0 2px 8px rgba(27,67,50,.08);
  --shadow-md:      0 6px 24px rgba(27,67,50,.12);
  --shadow-lg:      0 16px 48px rgba(27,67,50,.18);
  --shadow-xl:      0 32px 80px rgba(27,67,50,.22);
}