@font-face {
    font-family: 'Phudu';
    src: url('https://hoachatdoanhtin.com/wp-content/fonts/DT-Phudu/DTPhudu-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Ganh';
    src: url('https://hoachatdoanhtin.com/wp-content/fonts/Ganh/Ganh%20Type-Regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
}

body {
    font-family: 'Ganh', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Phudu', sans-serif;
    font-weight: 700;
}

.font-sans {
    font-family: 'Ganh', sans-serif;
}

.font-mono {
    font-family: 'Phudu', sans-serif;
}

/* Quiz Specific Styles */
.quiz-option:hover {
    background-color: #f3f4f6;
}

.quiz-option.selected {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.quiz-option.correct {
    border-color: #10b981 !important;
    background-color: #d1fae5 !important;
}

.quiz-option.incorrect {
    border-color: #ef4444 !important;
    background-color: #fee2e2 !important;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Utility */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}