/* GW-SECTION-BACKGROUNDS-v1: match the existing staging homepage surfaces. */
body #main {
  --gw-surface-base: var(--gwb-white);
  --gw-surface-services: var(--gwb-soft);
  --gw-surface-preparation: var(--gwb-paper);
  --gw-surface-contact: var(--gwb-paper);
  --gw-surface-faq: var(--gwb-soft);
  background-color: var(--gw-surface-base);
}

/* Existing secondary surfaces, without recoloring cards or action controls. */
body #main[class*="bg-slate-50"],
body #main section[class*="bg-slate-50"],
body #main section[class*="bg-gray-50"] {
  background-color: var(--gw-surface-services) !important;
  background-image: none !important;
}
body #main > section[class*="bg-gradient"],
body #main > section:first-of-type,
body #main .gw-hero {
  background-color: var(--gw-surface-base) !important;
  background-image: none !important;
}

/* Service pilot: use the same color for each homepage section role. */
body #main #goodworks-service-preview {
  --gwv-sky: var(--gw-surface-services);
  background-color: var(--gw-surface-base);
}
body #main #goodworks-service-preview #gw-heading-2,
body #main #goodworks-service-preview .gwv-tint {
  background-color: var(--gw-surface-services) !important;
  background-image: none !important;
}
body #main #goodworks-service-preview #gw-service-preparation {
  background-color: var(--gw-surface-preparation) !important;
}
body #main #goodworks-service-preview #gw-service-faq {
  background-color: var(--gw-surface-faq) !important;
}
body #main #goodworks-service-preview #service-engineers,
body #main #goodworks-service-preview .gwv-contact {
  background-color: var(--gw-surface-contact) !important;
  background-image: none !important;
}

/* Contact panels and equivalent sections in retained page templates. */
body #main section:has(> div > .bg-gradient-to-br):has(a[href^="tel:"]),
body #main section > div > .bg-gradient-to-br:has(a[href^="tel:"]),
body #main section[id="contact"],
body #main section[id="contacts"] {
  background-color: var(--gw-surface-contact) !important;
  background-image: none !important;
}
body #main section[id="faq"] {
  background-color: var(--gw-surface-faq) !important;
  background-image: none !important;
}