/* DARK MODE GLOBAL */
html.dark-mode {
    background-color: #121212;
    color: #f5f5f5;
}

/* Navbar fix cho QuickStart */
html.dark-mode .navbar {
    background-color: #1e1e1e !important;
}

html.dark-mode .navbar-light .navbar-brand,
html.dark-mode .navbar-light .nav-link {
    color: #f5f5f5 !important;
}

/* Override bg-light & text-dark */
html.dark-mode .bg-light {
    background-color: #1e1e1e !important;
}

html.dark-mode .text-dark {
    color: #f5f5f5 !important;
}

/* Card, section background */
html.dark-mode .card {
    background-color: #1e1e1e;
    color: #fff;
    border-color: #555;
}

/* Inputs & Textarea */
html.dark-mode .form-control,
html.dark-mode textarea {
    background-color: #1e1e1e;
    color: #fff;
    border-color: #555;
}

html.dark-mode .form-control:focus {
    background-color: #1e1e1e;
    border-color: #888;
}

/* Buttons */
html.dark-mode .btn-outline-secondary {
    border-color: #f5f5f5;
    color: #f5f5f5;
}

html.dark-mode .btn-outline-secondary:hover {
    background-color: #333;
    color: #fff;
}

/* Footer */
html.dark-mode footer {
    background-color: #1e1e1e;
    color: #ccc;
}