body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa;
        }
        .serif-font {
            font-family: 'Merriweather', serif;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 5px;
            width: 5px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #edf2f7;
            border-radius: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        .dark .custom-scrollbar::-webkit-scrollbar-track {
            background: #1e293b;
        }
        .dark .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #475569;
        }
        .card-hover {
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px -4px rgba(27, 54, 93, 0.12);
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(6px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in {
            animation: fadeIn 0.25s ease-out forwards;
        }
        
/* Hiệu ứng khi rê chuột vào từ vựng Tin Mừng */
.gospel-vocab {
    position: relative;
    transition: all 0.2s ease-in-out;
    border-bottom: 1.5px dashed #d4af37;
}

.gospel-vocab:hover {
    background-color: rgba(212, 175, 55, 0.35) !important;
    color: #1b365d !important;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(212, 175, 55, 0.4);
}

.dark .gospel-vocab:hover {
    color: #ffffff !important;
}