@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

/* Custom Animations for HTMX Transitions */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator {
    opacity: 1;
}
.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Page transition styles */
main {
    transition: all 0.3s ease-out;
}
main.htmx-swapping {
    opacity: 0;
    transform: translateY(10px);
}
main.htmx-added {
    opacity: 1;
    transform: translateY(0);
}