/* Custom styles to complement Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Outfit', sans-serif;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

/* Subtle gradient animation for hero background */
@keyframes gradient-xy {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

.animate-gradient {
    background-size: 200% 200%;
    animation: gradient-xy 6s ease infinite;
}