/* Custom CSS for CompraLista */
/* We're using Tailwind CDN for MVP, but some custom tweaks can go here */

@layer utilities {
    .glass-effect {
        @apply bg-white/70 backdrop-blur-lg border border-white/20 shadow-lg;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Subtle fade in animations for pages */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

main > * {
    animation: fadeIn 0.4s ease-out forwards;
}