:root {
  --bg-primary-color: #7040ff;
  --bd-primary-color-rgb: 112, 64, 255;
  --bg-primary-hover-color: #5831cc; 
  --bs-body-color: #576463;
  --primary-color: #7040ff;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bg-primary-color);
  --bs-btn-border-color: var(--bg-primary-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bg-primary-hover-color);
  --bs-btn-hover-border-color: var(--bg-primary-hover-color);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bg-primary-color);
  --bs-btn-disabled-border-color: var(--bg-primary-color);
}

.form-check-input:checked {
  background-color: var(--bg-primary-color);
  border-color: var(--bg-primary-color);
}

.card-text {
  color: #c3c3c3;
  font-weight: 200;
}
.card-title {
  color: #6d6d6d;
  font-weight: 300;
}

.text-primary {
  color: var(--primary-color) !important;
}

.bg-primary-color {
  background-color: var(--primary-color) !important;
}

.border-radios-10px {
  border-radius: 10px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background-color: var(--bg-primary-hover-color);
  border-color: var(--bg-primary-hover-color);
}