/* Sitewide background: exact soft blue-white blend from the homepage hero.
   Keep cards, buttons, dialogs, photos and dark footer as distinct foreground surfaces.
   One shared backdrop avoids alternating unrelated page-band colors. */
:root{
  --ack-page-hue-start:#f2f9fd;
  --ack-page-hue-middle:#f8fbfe;
  --ack-page-hue-end:#eaf5fa;
  --ack-page-hue:linear-gradient(116deg,var(--ack-page-hue-start) 0%,var(--ack-page-hue-middle) 57%,var(--ack-page-hue-end) 100%);
}
html,body{min-height:100%}
body{
  background:var(--ack-page-hue)!important;
  background-attachment:fixed!important;
}
#main-content{
  background:var(--ack-page-hue)!important;
  background-attachment:fixed!important;
  color:#080B10;
}
/* The page's principal sections share one canvas rather than colored stripes.
   Explicit feature banners and their contained cards retain their own surfaces. */
#main-content > section:not(.page-hero):not(.hero):not(.hero-section):not(.section-dark):not(.cta-section):not(.welcome-hero):not(.page-banner):not(.event-hero):not(.department-hero),
#main-content > .section:not(.page-hero):not(.hero):not(.hero-section):not(.section-dark):not(.cta-section):not(.page-banner),
#main-content > div > section.section:not(.page-hero):not(.section-dark):not(.cta-section),
#main-content > .container > section.section:not(.page-hero):not(.section-dark):not(.cta-section){
  background:transparent!important;
  background-image:none!important;
}
/* Feature block headings were white because their entire old sections were black/blue.
   With the same pale background, ink returns to black and accent stays blue. */
#main-content .vision-feature,
#main-content .discover-events,
#main-content .homepage-impact,
#main-content .homepage-pastor{
  color:#080B10!important;
}
#main-content .vision-feature .vision-feature-eyebrow,
#main-content .vision-feature .vision-feature-years,
#main-content .vision-feature h2,
#main-content .vision-feature h2 span,
#main-content .vision-feature p,
#main-content .discover-events .discover-heading h2,
#main-content .discover-events .discover-heading > p,
#main-content .discover-events .discover-footer > span,
#main-content .homepage-impact .section-title,
#main-content .homepage-impact .section-subtitle,
#main-content .homepage-pastor .section-title,
#main-content .homepage-pastor .section-subtitle,
#main-content .homepage-pastor-grid > div:nth-child(2) p{
  color:#080B10!important;
}
#main-content .vision-feature .vision-feature-years{border-left-color:rgba(8,124,184,.5)}
/* Preserve visual hierarchy through content surfaces, not section backgrounds. */
#main-content .vision-feature-art{background:#087CB8!important}
#main-content .homepage-impact .stat-item{background:#087CB8!important;border-color:#087CB8!important}
#main-content .homepage-impact .stat-number,
#main-content .homepage-impact .stat-label{color:#fff!important;-webkit-text-fill-color:#fff!important}
#main-content .homepage-newsletter .newsletter-wrapper,
#main-content .join-invitation-panel,
#main-content .service-experience-card,
#main-content .discover-card,
#main-content .discover-event,
#main-content .testimonial-card,
#main-content .leader-card{background:#fff!important}
#main-content .homepage-pastor-photo{background:#087CB8}
/* On inner pages, retain hero/banner blocks that depend on white lettering.
   Restyle regular section bands and their common wrappers to the shared hue. */
#main-content .section:not(.section-dark):not(.page-hero):not(.hero):not(.cta-section):not(.newsletter-section):not(.homepage-pastor):not(.homepage-impact),
#main-content .about-section,#main-content .content-section,
#main-content .welcome-message-section,
#main-content .services-section,#main-content .events-section,
#main-content .ministries-section,#main-content .announcements-section,
#main-content .testimonials-section{
  background:transparent!important;
  background-image:none!important;
}
/* The above sections should not make content cards transparent. */
#main-content :is(.card,.service-card,.event-card,.ministry-card,.announcement-card,.department-card,.testimonial-card,.leader-card){
  background-color:#fff;
}
@media(max-width:767px){
  body,#main-content{background-attachment:scroll!important}
}