/* Custom Bootstrap variable overrides
   Keeps vendor bootstrap intact and only overrides the primary color used across
   .btn-primary, .bg-primary, .text-primary, .border-primary, etc. */

:root {
  --bs-primary: #198754;
  --primary-color: #25d366;
  --bs-primary-rgb: 25,135,84;
}

/* Fallback explicit rules for any components that don't fully respect the
   CSS variables in older Bootstrap builds or custom styles. These use !important
   to ensure the primary color is applied where necessary. */
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.bg-primary { background-color: #198754 !important; }
.text-primary { color: #198754 !important; }
.border-primary { border-color: #198754 !important; }