.bg-grey {
    background: var(--bs-gray-300);
}
.bg-grey .card-title, .bg-grey h3{
    color: var(--bs-card-color);
}
.btn-grey {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-gray-400);
    --bs-btn-border-color: var(--bs-gray-400);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: var(--bs-gray-500);
    --bs-btn-active-color: #fff;
    --bs-btn-active-border-color: var(--bs-gray-500);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-gray-400);
    --bs-btn-disabled-border-color: var(--bs-gray-400);
}
.btn-grey:hover {
    color: var(--bs-gray-300);
    background-color: var(--bs-gray-500);
    border-color: var(--bs-gray-500);
}
[data-bs-theme=dark] .bg-grey {
    background: #1E1E1E;
}

[data-bs-theme=dark] .btn-grey {
    --bs-btn-color: var(--bs-card-color);
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: var(--bs-gray-500);
    --bs-btn-active-color: #fff;
    --bs-btn-active-border-color: var(--bs-gray-500);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000000;
    --bs-btn-disabled-border-color: #000000;
}
[data-bs-theme=dark] .btn-grey:hover {
    color: var(--bs-card-color);
    background-color: #012141;
    border-color: #012141;
}