/* Brand tokens. Defaults here; the layout injects per-tenant overrides via a
 * nonce'd <style> block with the same custom properties. */
:root {
  --brand-primary: #1F5E3B;
  --brand-primary-rgb: 31, 94, 59;
  --brand-primary-dark: #194B2F;
  --brand-primary-light: #DCEBE2;
  --brand-on-primary: #FFFFFF;
  --brand-accent: #E8772E;
  --brand-accent-rgb: 232, 119, 46;
  --brand-on-accent: #111111;
  --brand-neutral-100: #F6F7F5;
  --brand-neutral-200: #E7EAE5;
  --brand-neutral-700: #4B5550;
  --brand-neutral-900: #1B211E;
}

/* Bootstrap hooks */
.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-dark);
  --bs-btn-hover-border-color: var(--brand-primary-dark);
  --bs-btn-active-bg: var(--brand-primary-dark);
  --bs-btn-active-border-color: var(--brand-primary-dark);
  --bs-btn-color: var(--brand-on-primary);
  --bs-btn-hover-color: var(--brand-on-primary);
  --bs-btn-active-color: var(--brand-on-primary);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-hover-color: var(--brand-on-primary);
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-color: var(--brand-on-primary);
}
.text-brand { color: var(--brand-primary) !important; }
.bg-brand { background-color: var(--brand-primary) !important; color: var(--brand-on-primary); }
.text-accent { color: var(--brand-accent) !important; }
.bg-accent { background-color: var(--brand-accent) !important; color: var(--brand-on-accent); }
.form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-rgb), 0.25);
}
.nav-pills .nav-link.active { background-color: var(--brand-primary); color: var(--brand-on-primary); }
.page-link { color: var(--brand-primary); }
.page-item.active .page-link { background-color: var(--brand-primary); border-color: var(--brand-primary); color: var(--brand-on-primary); }
[data-bs-theme="dark"] {
  --brand-primary-light: rgba(var(--brand-primary-rgb), 0.25);
}