:root {
  --brand-primary: #5A2CA0;
  --brand-primary-rgb: 90, 44, 160;
  --brand-primary-hover: #4a2485;
  --brand-primary-border: #4a2485;
  --brand-primary-soft: rgba(90, 44, 160, 0.12);
}

/* Bootstrap-like theme overrides for Admin + Store panels */
.btn-primary,
.bg-primary,
.badge.bg-primary,
.badge.bg-label-primary,
.bg-label-primary,
.page-item.active .page-link {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary-border) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.bg-primary:hover,
.bg-primary:focus,
.page-item.active .page-link:hover {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
}

.text-primary,
a.text-primary,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  color: var(--brand-primary) !important;
}

.form-check-input:checked,
.form-check-input:focus,
.form-control:focus,
.form-select:focus,
.form-range:focus,
.form-check-input[type='checkbox']:indeterminate {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--brand-primary) !important;
}

.progress-bar,
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--brand-primary) !important;
}

a,
a:hover,
a:focus {
  color: var(--brand-primary);
}

/* Keep label-style badge readable */
.badge.bg-label-primary {
  background-color: var(--brand-primary-soft) !important;
  color: var(--brand-primary) !important;
}