[data-bs-theme="dark"] {
    --bs-body-bg: #2f3349;
    --bs-body-color: #a3a4cc;
    --bs-border-color: #434968;
    --paper-bg: #2f3349;
}

[data-bs-theme="dark"] .bg-navbar-theme {
    background-color: #2f3349 !important;
    color: #a3a4cc;
}

[data-bs-theme="dark"] .bg-menu-theme {
    background-color: #2f3349 !important;
}

[data-bs-theme="dark"] .menu .menu-link,
[data-bs-theme="dark"] .menu .menu-header {
    color: #fff !important;
}

[data-bs-theme="dark"] .menu .menu-link:hover,
[data-bs-theme="dark"] .menu .menu-item.active > .menu-link {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .menu .menu-sub .menu-link {
    color: #a3a4cc !important;
}

[data-bs-theme="dark"] .menu .menu-sub .menu-link:hover,
[data-bs-theme="dark"] .menu .menu-sub .menu-item.active > .menu-link {
    color: #fff !important;
}

[data-bs-theme="dark"] .menu .menu-item.active > .menu-link i,
[data-bs-theme="dark"] .menu .menu-item.active > .menu-link div {
    color: #fff !important;
}

[data-bs-theme="dark"] .menu-icon {
    color: #a3a4cc !important;
}

[data-bs-theme="dark"] .menu-item.active > .menu-link .menu-icon,
[data-bs-theme="dark"] .menu-link:hover .menu-icon {
    color: #fff !important;
}

[data-bs-theme="dark"] .card {
    background-color: #363b54;
    border-color: #434968;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] .card .card-header {
    background-color: #3a3f5c;
    border-bottom-color: #434968;
}

[data-bs-theme="dark"] .card .card-footer {
    background-color: #3a3f5c;
    border-top-color: #434968;
}

[data-bs-theme="light"] .card {
    background-color: #ffffff;
    border-color: #eaeaec;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2f3349;
    border-color: #434968;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #a3a4cc;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #373b54;
    color: #ffffff;
}

[data-bs-theme="dark"] .form-control {
    background-color: #2f3349;
    border-color: #434968;
    color: #fff !important;
}

[data-bs-theme="dark"] .table {
    --bs-table-color: #a3a4cc;
    --bs-table-bg: #2f3349;
    --bs-table-border-color: #434968;
}

[data-bs-theme="dark"] .btn-ghost-secondary {
    color: #a3a4cc;
}

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