.bg-purple {
  background-color: #6f42c1 !important;
}

.border-purple {
  border-color: #6f42c1 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

/* Procurement stage colours.
   Bootstrap ships no purple subtle utility, and purple is the one the
   inventory module uses for "in progress" — partially ordered, partially
   received. Defined once here so every procurement screen draws it the same. */
.proc-bg-purple   { background-color: rgba(111, 66, 193, 0.12); }
.proc-text-purple { color: #6f42c1; }

/* Bootstrap's .badge sets its own colour. These are written with the badge
   class as well so they win on specificity rather than on load order — the
   stage colour must not depend on which stylesheet happens to come last. */
.badge.proc-bg-purple   { background-color: rgba(111, 66, 193, 0.12); }
.badge.proc-text-purple { color: #6f42c1; }