/**
 * main.css
 * Global site chrome (header styles live in header.css).
 */

@import url("hero.css");
@import url("milestones.css");
@import url("intro.css");
@import url("homepage-sections.css");
@import url("sectors.css?v=20260805");
@import url("partners.css");
@import url("accreditation.css");
@import url("clients.css");
@import url("contact.css");
@import url("join.css");
@import url("project-detail.css");
@import url("sector-detail.css");
@import url("projects-page.css");
@import url("news-detail.css");
@import url("footer.css?v=20260805");

body {
  font-family: var(--font-family-base, system-ui, sans-serif);
  color: var(--color-text, #2a3139);
  background-color: var(--color-bg, #ffffff);
}

.site-main {
  min-height: 40vh;
  /* Full-bleed section backgrounds; inner content uses its own max-width */
  padding-inline: 0;
  padding-bottom: var(--space-8, 2.5rem);
}

/* Homepage: no outer insets (hero sits under fixed header) */
.page-home .site-main {
  padding-top: 0;
  padding-inline: 0;
  padding-bottom: 0;
  min-height: 0;
}