:root {
  --primary: 345 65% 45%;
}

body { 
  font-family: "Inter", sans-serif; 
}

.fade-in { 
  animation: fadeIn 0.5s ease both; 
}

.text-primary {
  color: hsl(var(--primary));
}

@keyframes fadeIn {
  from { 
    opacity: 0; 
    transform: translateY(10px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

/* Custom paragraph spacing for hotel descriptions */
.hotel-description p {
  margin-bottom: 1.5rem;
}

.hotel-description p:last-child {
  margin-bottom: 0;
}