body {
    font-family: 'Poppins', sans-serif;
    background-color: #fdfaf7;
}
.font-serif {
    font-family: 'Lora', serif;
}
.hero-section {
    background: linear-gradient(rgba(29, 18, 5, 0.7), rgba(29, 18, 5, 0.7)), url('https://images.unsplash.com/photo-1590272457996-b3641d46a43c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.cta-button {
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.cta-button:hover {
    transform: scale(1.05);
}
.calendar-day, .time-slot {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.calendar-day:not(.disabled):hover, .time-slot:not(.disabled):hover {
    background-color: #fef3c7;
}
.calendar-day.selected, .time-slot.selected {
    background-color: #9a3412;
    color: white;
    border-color: #9a3412;
}
.modal-backdrop { transition: opacity 0.3s ease; }
.modal-content { transition: transform 0.3s ease, opacity 0.3s ease; }
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #9a3412;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }