/* theme.css — Borafusion shared theme layer.
 * Loaded AFTER Bootstrap and style.css on every app page. Colour-only overrides:
 * no layout, sizing or behaviour changes, so it is safe to add or remove.
 * Brand tokens mirror style.css (--sa-green / --sa-green-dark).
 */
:root {
  --bf-green:       #007A3D;
  --bf-green-dark:  #005C2E;
  --bf-green-deep:  #004D26;
  --bf-green-soft:  #E6F2EC;
  --bf-ink:         #15201A;
  --bf-muted:       #56655D;
  --bf-line:        #DCE3DF;
  --bf-ground:      #F3F5F4;
  --bf-amber:       #9A4A07;
  --bf-red:         #B42318;
  --bf-radius:      8px;
  --bf-radius-card: 10px;
}

/* One success/primary green everywhere (Bootstrap's #198754 → brand green) */
.btn-success {
  --bs-btn-bg: var(--bf-green);            --bs-btn-border-color: var(--bf-green);
  --bs-btn-hover-bg: var(--bf-green-dark); --bs-btn-hover-border-color: var(--bf-green-dark);
  --bs-btn-active-bg: var(--bf-green-deep);--bs-btn-active-border-color: var(--bf-green-deep);
  --bs-btn-disabled-bg: var(--bf-green);   --bs-btn-disabled-border-color: var(--bf-green);
}
.btn-outline-success {
  --bs-btn-color: var(--bf-green);          --bs-btn-border-color: var(--bf-green);
  --bs-btn-hover-bg: var(--bf-green);       --bs-btn-hover-border-color: var(--bf-green);
  --bs-btn-active-bg: var(--bf-green-dark); --bs-btn-active-border-color: var(--bf-green-dark);
  --bs-btn-disabled-color: var(--bf-green); --bs-btn-disabled-border-color: var(--bf-green);
}
.form-check-input:checked { background-color: var(--bf-green); border-color: var(--bf-green); }
.form-control:focus, .form-select:focus { border-color: #7FBF9E; box-shadow: 0 0 0 .2rem rgba(0,122,61,.15); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--bf-green); }
.page-link { color: var(--bf-green-dark); }
.active > .page-link, .page-link.active { background-color: var(--bf-green); border-color: var(--bf-green); }
.progress-bar.bg-success { background-color: var(--bf-green) !important; }

/* Coloured modal headers: one solid brand treatment instead of five variants */
.modal-header[style*="gradient"],
.modal-header[style*="--sa-green"] {
  background: var(--bf-green-dark) !important;
  color: #fff;
}
.modal-content { border-radius: var(--bf-radius-card); }