:root {
  --bs-primary: #198754; /* Override Bootstrap's primary to match success */
}

/* Button base styles */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Outline button styles */
.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: transparent !important;
}

/* Hover/focus/active states for outline */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:active:focus {
  color: #fff !important;
  background-color: #157347 !important;
  border-color: #146c43 !important;
  box-shadow: none !important;
}

/* Hover/focus/active states for solid button */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
  background-color: #157347 !important;
  border-color: #146c43 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Background utility class */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Link color override */
a {
  color: var(--bs-primary);
}
a:hover {
  color: #14532d;
}