/* ===========================================
   Force brand teal across all "primary" uses
   =========================================== */

/* Buttons */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2B87A4;
  --bs-btn-border-color: #2B87A4;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #226a82;        /* ~20% darker teal */
  --bs-btn-hover-border-color: #226a82;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1b5668;       /* ~40% darker teal */
  --bs-btn-active-border-color: #1b5668;

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2B87A4;
  --bs-btn-disabled-border-color: #2B87A4;
}

/* Backgrounds */
.bg-primary {
  background-color: #2B87A4 !important;
}

/* Text */
.text-primary {
  color: #2B87A4 !important;
}

/* Borders */
.border-primary {
  border-color: #2B87A4 !important;
}

/* Badges */
.badge.bg-primary {
  background-color: #2B87A4 !important;
}