/* =========================================
       1. CẤU HÌNH LIGHT MODE (MẶC ĐỊNH)
       ========================================= */
.hover-up {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .hover-up:hover {
        transform: translateY(-10px);
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    }

/* Stats Section (Light Mode) - Chữ đen */
.stats-section .counter,
.stats-section h2 {
    color: #212529;
}

/* =========================================
       2. CẤU HÌNH DARK MODE (NÂNG CAO)
       ========================================= */

/* --- A. TỐI ƯU RENDER CHỮ (SHARPNESS FIX) --- */
/* Ép trình duyệt render chữ sắc nét hơn trên nền tối */
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .lead,
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] strong {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    text-shadow: none !important; /* Bỏ bóng mờ */
}

/* --- B. XỬ LÝ NỀN (BACKGROUNDS) --- */
/* Gộp body, bg-white, bg-light về màu tối thẫm */
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .stats-section {
    background-color: #0f172a !important; /* Slate 900 */
    color: #ffffff !important;
}

/* Card & Khối phụ - Dùng màu solid để tránh mờ do opacity */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .bg-light-subtle {
    background-color: #1e293b !important; /* Slate 800 */
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}

/* --- C. XỬ LÝ CHỮ (COLORS) --- */
/* Ép toàn bộ tiêu đề và số liệu thành TRẮNG TINH */
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .counter,
[data-bs-theme="dark"] strong {
    color: #ffffff !important;
}

/* Chữ Text-muted: Tăng độ sáng và contrast */
[data-bs-theme="dark"] .text-muted {
    color: #cbd5e1 !important; /* Slate 300 - Rất sáng */
    opacity: 1 !important; /* Không cho phép mờ */
}

/* --- D. XỬ LÝ CÁC THÀNH PHẦN KHÁC --- */
/* Ẩn vòng tròn vàng blur (Nguyên nhân chính gây mờ nền) */
[data-bs-theme="dark"] .bg-warning.rounded-circle {
    display: none !important;
}

/* Icon box trong card */
[data-bs-theme="dark"] .card .bg-white {
    background-color: #334155 !important;
    border: 1px solid #475569 !important;
}

/* Nút bấm & Badge */
[data-bs-theme="dark"] .btn-primary,
[data-bs-theme="dark"] .badge {
    color: #fff !important;
    opacity: 1 !important;
}