:root {
  --page-bg: #fff8f2;
  --text-color: #4a3427;
  --heading-font: 'Playfair Display', serif;
  --heading-color: #5a4030;
  --bs-primary: #ff4fa3;
  --bs-primary-rgb: 255, 79, 163;
  --card-radius: 1.35rem;
}

.hero-overlay {
  background: linear-gradient(120deg, rgba(63, 43, 50, 0.84), rgba(126, 84, 104, 0.38));
}