/* Branch Theming System */
:root {
  --branch-primary-color: #0d6832;
  --branch-background-color: #cdbec1;
  --bs-primary: #0d6832;
  --bs-primary-rgb: 13, 104, 50;
}

/* Apply branch colors to various elements */
.bg-primary {
  background-color: var(--branch-primary-color) !important;
}

.text-primary {
  color: var(--branch-primary-color) !important;
}

.btn-primary {
  background-color: var(--branch-primary-color);
  border-color: var(--branch-primary-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--branch-primary-color);
  border-color: var(--branch-primary-color);
  filter: brightness(0.9);
}

.btn-outline-primary {
  color: var(--branch-primary-color);
  border-color: var(--branch-primary-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--branch-primary-color);
  border-color: var(--branch-primary-color);
  color: white;
}

.border-primary {
  border-color: var(--branch-primary-color) !important;
}

.card-header.bg-primary {
  background-color: var(--branch-primary-color) !important;
}

/* Form controls with primary color */
.form-check-input:checked {
  background-color: var(--branch-primary-color);
  border-color: var(--branch-primary-color);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--branch-primary-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Links */
a {
  color: var(--branch-primary-color);
}

a:hover {
  color: var(--branch-primary-color);
  filter: brightness(0.9);
}

/* Badge */
.badge.bg-primary {
  background-color: var(--branch-primary-color) !important;
}

/* Progress bar */
.progress-bar {
  background-color: var(--branch-primary-color);
}

/* Spinner */
.spinner-border.text-primary {
  color: var(--branch-primary-color) !important;
}