body[data-bs-theme="dark"] {
    --bs-body-bg: #121212;
    --bs-body-color: #f8f9fa;
}

    body[data-bs-theme="dark"] .header {
        background-color: #1E1E1E;
        border-bottom: 1px solid #2a2a2a;
    }

    body[data-bs-theme="dark"] .main-container,
    body[data-bs-theme="dark"] .sidebar,
    body[data-bs-theme="dark"] .submenu {
        background-color: var(--bs-body-bg);
    }

    body[data-bs-theme="dark"] .text-gray,
    body[data-bs-theme="dark"] .card-title {
        color: #e5e7eb !important;
    }

    body[data-bs-theme="dark"] .card,
    body[data-bs-theme="dark"] .modal-content,
    body[data-bs-theme="dark"] .custom-select,
    body[data-bs-theme="dark"] .form-control {
        background-color: #1f1f1f;
        color: #f8f9fa;
        border-color: #343a40;
    }

    body[data-bs-theme="dark"] .card-header,
    body[data-bs-theme="dark"] .page,
    body[data-bs-theme="dark"] .form-control,
    body[data-bs-theme="dark"] .card-body,
    body[data-bs-theme="dark"] .input-group-text,
    body[data-bs-theme="dark"] .bg-white,
    body[data-bs-theme="dark"] .dropdown-content,
    body[data-bs-theme="dark"] .btn-menu,
    body[data-bs-theme="dark"] .nav-item span {
        background-color: #1E1E1E !important;
    }

        body[data-bs-theme="dark"] .nav-link,
        body[data-bs-theme="dark"] .nav-item .active p,
        body[data-bs-theme="dark"] .dropdown-user,
        body[data-bs-theme="dark"] .dropdown-user a,
        body[data-bs-theme="dark"] .dropdown-content li a,
        body[data-bs-theme="dark"] .dropdown-content li button,
        body[data-bs-theme="dark"] .modal-title,
        body[data-bs-theme="dark"] .modal-body,
        body[data-bs-theme="dark"] .text-muted {
            color: #f8f9fa !important;
        }

    body[data-bs-theme="dark"] .dropdown-content
    {
        background-color: #2a2a2a
    }

        body[data-bs-theme="dark"] .dropdown-content li a:hover,
        body[data-bs-theme="dark"] .dropdown-content li button:hover,
        body[data-bs-theme="dark"] .dropdown-user:hover,
        body[data-bs-theme="dark"] .dropdown-user a:hover {
            background-color: #343a40 !important
        }

    body[data-bs-theme="dark"] .card-body {
        border-radius: 16px;
    }

    body[data-bs-theme="dark"] .btn-datagrid {
        color: #f8f9fa !important;
        background-color: #2a2a2a;
    }

    body[data-bs-theme="dark"] .bg-primary {
        background-color: #158D9E !important
    }


    body[data-bs-theme="dark"] .form-select,
    body[data-bs-theme="dark"] .text-inspection {
        background-color: #1E1E1E;
        color: #f8f9fa !important;
    }

    body[data-bs-theme="dark"] .spinner-wrapper {
        background-color: rgba(0, 0, 0, 0.6);
    }

    body[data-bs-theme="dark"] .bg-secondary {
        background-color: #CCC !important;
        color: #19263B !important;
    }

    body[data-bs-theme="dark"] .logo {
        margin-bottom: 12px !important;
    }

    body[data-bs-theme="dark"] .bg-dynamic {
        background-color: #121212 !important;
    }

    body[data-bs-theme="dark"] .bg-change {
        background-color: #1E1E1E !important;
    }

    body[data-bs-theme="dark"] .text-dynamic {
        color: #FFF !important;
    }

    body[data-bs-theme="dark"] .mobile-banner {
        background-color: #158D9E !important;
        border-color: #2a2a2a !important;
        color: #f8f9fa !important;
    }

    body[data-bs-theme="dark"] .mobile-banner-title,
    body[data-bs-theme="dark"] .mobile-banner-subtitle {
        color: #f8f9fa !important;
    }

    body[data-bs-theme="dark"] .empty-state {
        background-color: #1E1E1E !important;
        color: #f8f9fa !important;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.35);
    }

        body[data-bs-theme="dark"] .empty-state h3 {
            color: #f8f9fa !important;
        }

        body[data-bs-theme="dark"] .empty-state p {
            color: #cbd5e1 !important;
        }