/* Custom CSS (beyond Tailwind, or for specific overrides) */

/* General font family definitions */
body {
    font-family: 'Inter', sans-serif; /* For general text */
}

.handwriting {
    font-family: 'Dancing Script', cursive; /* For titles/special text */
}

/* Simple fade-in animation for the main card */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 1.5s ease-in-out; /* Apply animation to the main card */
}

/* Additional styles if needed for mood buttons beyond Tailwind */
/* For example, if you want very specific hover effects not easily done with Tailwind */
.mood-button {
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.mood-button:active {
    transform: translateY(1px); /* Slight press effect */
}