/* Alternating page surfaces only; product windows, cards and dialogs retain
   their own colors. Keep this stylesheet after the module styles. */
body > main {
  --section-base-surface: #fff;
  --section-alternate-surface: #f3f6fb;
}

body > main > section {
  --section-surface: var(--section-base-surface);
}

body > main > section:nth-of-type(even) {
  --section-surface: var(--section-alternate-surface);
}

/* The hero keeps its grid and blue glow. This also replaces full-section
   gradients so the boundary between neighboring sections stays clear. */
body > main > section.section[id],
body > main > section.partner-strip {
  background: var(--section-surface);
}

body > main > .partner-strip .logo-marquee::before {
  background: linear-gradient(90deg, var(--section-surface), transparent);
}

body > main > .partner-strip .logo-marquee::after {
  background: linear-gradient(270deg, var(--section-surface), transparent);
}

/* The company introduction is white and News is pale blue-gray. The footer
   returns to white; the blue CTA remains untouched inside News. */
body > footer.footer {
  background: #fff;
}