.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body {
    background-color: #fbf9f7;
    color: #1b1c1b;
    font-family: 'Inter', sans-serif;
}
h1, h2, h3 {
    font-family: 'Epilogue', sans-serif;
}

/* Custom fade-in simple animation for created cards */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.recipe-card-enter {
    animation: fadeIn 0.4s ease-out forwards;
}