/* === Primary → Off-white gray overrides (no CSS vars) ================== */
/* Palette */
 /* Off-white gray */ /* hover */      /* active */     /* border */     /* dark text */     /* muted text */
 /* #e9ecef       */ /* #dde2e6 */     /* #cfd4da */    /* #cfd4da */    /* #212529 */       /* #6c757d */
 /* Focus ring rgba(233,236,239,.5) */

/* Utilities */
.text-primary { color: #6c757d !important; }
a.text-primary:hover, a.link-primary:hover { color: #5c636a !important; }
.link-primary, a.link-primary { color: #6c757d !important; }
.bg-primary { background-color: #e9ecef !important; color: #212529 !important; }
.border-primary { border-color: #cfd4da !important; }

/* Buttons */
.btn-primary {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #dde2e6 !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.25) !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
  color: #6c757d !important;
}

/* Button checks (toggle, radios using buttons) */
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active {
  background-color: #cfd4da !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.5) !important;
}

/* Outline primary */
.btn-outline-primary {
  color: #212529 !important;
  border-color: #cfd4da !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.25) !important;
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #6c757d !important;
  border-color: #cfd4da !important;
  background-color: transparent !important;
}

/* Badges / text-bg helpers */
.badge.bg-primary,
.badge.text-bg-primary {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

/* Alerts */
.alert-primary {
  color: #212529 !important;
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
}

/* List group */
.list-group-item-primary {
  background-color: #e9ecef !important;
  color: #212529 !important;
}
.list-group-item.active {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
}

/* Tables */
.table-primary,
.table-primary > :not(caption) > * {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

/* Progress */
.progress-bar,
.bg-primary.progress-bar {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

/* Navs / Pills / Pagination / Dropdown */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #e9ecef !important;
  color: #212529 !important;
}
.page-item.active .page-link {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
  color: #212529 !important;
}
.page-link:focus {
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.5) !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

/* Forms (focus/checked states default to “primary”) */
.form-control:focus,
.form-select:focus {
  border-color: #cfd4da !important;
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.5) !important;
}
.form-check-input:checked {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
}
.form-check-input:focus {
  border-color: #cfd4da !important;
  box-shadow: 0 0 0 .25rem rgba(233,236,239,.5) !important;
}
.form-switch .form-check-input:checked {
  background-color: #e9ecef !important;
  border-color: #cfd4da !important;
}

/* Range sliders (thumb uses primary) */
.form-range::-webkit-slider-thumb {
  background-color: #e9ecef !important;
  border: 1px solid #cfd4da !important;
}
.form-range::-moz-range-thumb {
  background-color: #e9ecef !important;
  border: 1px solid #cfd4da !important;
}