/* ============================================================
   HIS Intervent — brand overrides on top of Bootstrap 5
   Bootstrap handles grid, components, and utilities.
   This file only sets brand colors, fonts, and a few bespoke bits.
   ============================================================ */
:root{
  --brand-bg: #FBF7EF;
  --brand-surface: #EDF3EC;
  --brand-surface-warm: #FBEADB;
  --brand-ink: #17322B;
  --brand-muted: #5C6B62;
  --brand-primary: #0E6E52;
  --brand-primary-dark: #0A5240;
  --brand-primary-tint: #DCEEE5;
  --brand-accent: #E2703F;
  --brand-accent-tint: #FBE3D3;
  --brand-line: #E7E1D2;

  --font-display: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
}

/* Section background bands (Bootstrap has bg-body/bg-light, but not this cream/sage pair) */
.bg-brand-surface{ background-color: var(--brand-surface); }
.bg-brand-surface-warm{ background-color: var(--brand-surface-warm); }

/* Navbar */
.navbar{ background-color: rgba(251,247,239,0.92) !important; backdrop-filter: blur(6px); }
.nav-link{ color: var(--brand-muted) !important; font-weight: 500; }
.nav-link.active, .nav-link:hover{ color: var(--brand-ink) !important; }

/* Icon badges (Bootstrap has no built-in "icon tile") */
.icon-badge{
  width: 52px; height: 52px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-primary-tint);
  color: var(--brand-primary);
}
.icon-badge.accent{ background: var(--brand-accent-tint); color: var(--brand-accent); }
.icon-badge svg{ width: 26px; height: 26px; }

/* Cards — soften Bootstrap's default border with brand shadow */
.card{ border: none; box-shadow: 0 1px 2px rgba(23,50,43,0.06); }
.card:hover.card-hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(23,50,43,0.08); }

.step-num{
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-primary-tint);
  color: var(--brand-primary-dark);
  font-weight: 700;
}

/* Hero illustration panel */
.hero-art{ background: var(--brand-primary-tint); min-height: 300px; }

/* CTA band */
.cta-band{ background-color: #913232
}

/* Footer */
.site-footer{ background-color: #282828; color: #E7EFEA; }
.site-footer a{ color: #E7EFEA; }
.site-footer .text-muted{ color: #AFC2B8 !important; }
.site-footer .form-control{ background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.25); color: #fff; }
.site-footer .form-control::placeholder{ color: #AFC2B8; }
.site-footer .btn-accent{ background-color: var(--brand-accent); border-color: var(--brand-accent); color: #fff; }