/* Secondary-page backgrounds aligned with the approved homepage palette.
   Background properties only: text, controls, artwork and layout stay intact. */
body[data-site-surfaces] {
  background-color: #fafafa;
}

/* Keep the shared navigation white, including its mobile expanded state. */
body[data-site-surfaces] .site-header,
body[data-site-surfaces] .site-header.scrolled,
body[data-site-surfaces] .site-header.open {
  background-color: #ffffff;
}
@media (min-width: 761px) {
  body[data-site-surfaces] .services-dropdown {
    background-color: #ffffff;
  }
}
@media (max-width: 760px) {
  body[data-site-surfaces] .site-header.open nav {
    background-color: #ffffff;
  }
}

/* Light content surfaces: neutral canvas, white cards, restrained warm white. */
body[data-site-surfaces].services-process-page .sp-hero,
body[data-site-surfaces].engineering-page .content-hero > div {
  background-color: #fafafa;
}
body[data-site-surfaces].about-anew-page .values-grid article,
body[data-site-surfaces].services-process-page .sp-step {
  background-color: #ffffff;
}
body[data-site-surfaces].about-anew-page .about-tone::before,
body[data-site-surfaces].about-anew-page #team .team-support-profile #business-manager::before,
body[data-site-surfaces].services-process-page .sp-flow,
body[data-site-surfaces].services-process-page .sp-final,
body[data-site-surfaces].architecture-detail-page .architecture-outcome,
body[data-site-surfaces].contact-page .contact-location {
  background-color: #f7f6f3;
}

/* Preserve the original gradient shapes using neutral, near-white stops. */
body[data-site-surfaces].project-management-page .management-hero {
  background-image: linear-gradient(135deg, #ffffff, #fafafa);
}
body[data-site-surfaces].flow-portal-page main {
  background-image: radial-gradient(circle at 50% 16%, #ffffff 0, #fafafa 45%, #f5f5f5 100%);
}