/* Custom styles to extend Tailwind.
  Most styling is done with Tailwind classes directly in the HTML.
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #FEFBF6; /* Soft cream background */
}

/* Custom hero background image */
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1574158622682-e40e69841006?q=80&w=2080&auto=format&fit=crop');
}

/* Animation for mobile menu slide-in/out */
.mobile-menu {
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.hidden {
    transform: translateX(100%);
}