/* Apply Inter font family */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom styles for quiz options */
.quiz-option {
    transition: all 0.2s ease-in-out;
    border: 2px solid #e5e7eb; /* gray-200 */
}
.quiz-option:hover:not(.disabled) {
    border-color: #fcd34d; /* yellow-400 */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
}
.quiz-option.correct {
    background-color: #22c55e !important; /* green-500 */
    color: white !important;
    border-color: #16a34a !important; /* green-600 */
}
.quiz-option.incorrect {
    background-color: #ef4444 !important; /* red-500 */
    color: white !important;
    border-color: #dc2626 !important; /* red-600 */
}
.quiz-option.disabled {
    opacity: 0.7;
    pointer-events: none;
}

/* Custom loading spinner animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.loader-spin {
    animation: spin 1s linear infinite;
}