/* Custom Styles */
html {
    scroll-behavior: smooth;
}

body {
    /* Prevent horizontal scroll */
    overflow-x: hidden;
}

/* Subtle texture for cream background */
.bg-cream {
    background-color: #FDFBF7;
    background-image: radial-gradient(#e5e5e5 1px, transparent 1px);
    background-size: 24px 24px;
    background-position: 0 0;
}

/* Smooth fade-in for mobile menu */
#mobile-menu {
    animation: slideDown 0.3s ease-out;
}

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

/* Custom selection color handled in Tailwind config */