:root {
  --bs-body-bg: #f8f9fa;
  --bs-body-color: #212529;
  --bs-card-bg: #fff;
  --bs-navbar-bg: #fff;
  --bs-border-color: #dee2e6;
}
[data-theme="dark"] {
  --bs-body-bg: #212529;
  --bs-body-color: #f8f9fa;
  --bs-card-bg: #2c3035;
  --bs-navbar-bg: #2c3035;
  --bs-border-color: #444;
}
body {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}
.navbar, .card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}
button {
  transition: background-color .2s ease, color .2s ease;
}
button:hover {
  opacity: .9;
}