:root {
  --primary-color: #2F4F2F;
  --secondary-color: #DAA520;
  --accent-color: #FF6B35;
  --safari-cream: #F5F0E1;
  --safari-sand: #E8D5B7;
  --forest: #1B4D3E;
  --feather: #8B9A7E;
}
.bg-primary { background-color: var(--primary-color); }
.bg-secondary { background-color: var(--secondary-color); }
.bg-accent { background-color: var(--accent-color); }
.bg-safari-cream { background-color: var(--safari-cream); }
.bg-safari-sand { background-color: var(--safari-sand); }
.text-primary { color: var(--primary-color); }
.text-secondary { color: var(--secondary-color); }
.text-accent { color: var(--accent-color); }
.font-heading { font-family: 'Playfair Display', serif; }
.text-gray-800 { color: #1f2937; }
.text-primary { color: var(--primary-color); }
.bg-black\/50 { background-color: rgba(0,0,0,0.5); }
.bg-pattern {
  background-image: url('../images/safari-pattern.png');
  background-repeat: repeat;
  background-size: 200px; /* or desired tile size */
}
/* etc */