/* Bootstrap override using CSS variables */

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.85) !important;
  border-color: rgba(var(--bs-primary-rgb), 0.85) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: #000 !important;
}
.btn-secondary:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.85) !important;
  border-color: rgba(var(--bs-secondary-rgb), 0.85) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}
.bg-secondary {
  background-color: var(--bs-secondary) !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.border-primary {
  border-color: var(--bs-primary) !important;
}
.border-secondary {
  border-color: var(--bs-secondary) !important;
}