/* BookBudKids — global styles (light & bright). Page-specific layout lives in
   each template's extra_head block; this file themes the shared HCWF chrome,
   forms, and Bootstrap components site-wide. */

body { background: var(--bbk-cream, #FFFDF7); color: var(--bbk-text, #1f2a24); }

main { min-height: 50vh; }

/* Bootstrap primary → brand green */
.btn-primary,
.btn-primary-cta {
  --bs-btn-bg: var(--bbk-green, #2FA844);
  --bs-btn-border-color: var(--bbk-green, #2FA844);
  --bs-btn-hover-bg: var(--bbk-green-bright, #3DBE4F);
  --bs-btn-hover-border-color: var(--bbk-green-bright, #3DBE4F);
  --bs-btn-active-bg: var(--bbk-deep, #14532D);
  --bs-btn-active-border-color: var(--bbk-deep, #14532D);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  border-radius: 999px;
  font-weight: 600;
}
.btn-outline-primary {
  --bs-btn-color: var(--bbk-green, #2FA844);
  --bs-btn-border-color: var(--bbk-green, #2FA844);
  --bs-btn-hover-bg: var(--bbk-green, #2FA844);
  --bs-btn-hover-border-color: var(--bbk-green, #2FA844);
  --bs-btn-active-bg: var(--bbk-green, #2FA844);
  border-radius: 999px;
  font-weight: 600;
}
.btn { border-radius: 999px; }

a { color: var(--bbk-green, #2FA844); }
a:hover { color: var(--bbk-coral-deep, #e25555); }

/* Links / accents */
.text-primary { color: var(--bbk-green, #2FA844) !important; }
.bg-primary { background-color: var(--bbk-green, #2FA844) !important; }
.badge.bg-primary { background-color: var(--bbk-green, #2FA844) !important; }

/* Form controls — focus ring in brand green */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bbk-green-bright, #3DBE4F);
  box-shadow: 0 0 0 .2rem rgba(47, 168, 68, .18);
}
.form-check-input:checked {
  background-color: var(--bbk-green, #2FA844);
  border-color: var(--bbk-green, #2FA844);
}

/* Cards on light pages */
.card { border-radius: 18px; border-color: var(--bbk-border, rgba(20,83,45,.12)); }

/* Generic content section wrapper used by some HCWF pages */
.page-section { padding: 3rem 0; }

/* Footer (belt-and-suspenders with base.html) */
.site-footer { background: var(--mm-footer-bg, #14532D); color: var(--mm-footer-text, #cfe9d6); }