.navbar-brand-image {
  height: 4rem !important;
  max-height: 120px !important;
}

body {
  background-color: var(--background) !important;
  color: var(--text-color) !important;
}
.btn.btn-primary{
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn.btn-primary:hover{
  background-color: var(--hover-color) !important;
  border-color: var(--hover-color) !important;
}
.btn.btn-primary:focus-visible {
  background-color: var(--hover-color) !important;
}
.btn.btn-primary.active
{
  border: var(--bs-btn-border-width) solid var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}
.progress-active {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--progress-color),var(--bs-bg-opacity))!important;
}