/*
 * LWIK surface rhythm
 *
 * A constrained third surface layer for the Elementor migration.  It only
 * addresses main-page section wrappers: header and footer intentionally stay
 * entirely in the theme-owned colour system.
 */

:root {
  --lwik-surface-navy: #0a3255;
  --lwik-surface-paper: #e8ecea;
  --lwik-surface-white: #ffffff;
}

/*
 * Every standard editorial page follows the same order: navy page heading,
 * then a quiet white reading surface.  The contact form keeps its soft-grey
 * working surface; its form itself remains white through the bridge layer.
 */
body:not(.home) .lwik-elementor-page > .elementor > .lwik-elementor-shell:not(:has(.lwik-page-head)):not(.lwik-elementor-contact-form) {
  background: var(--lwik-surface-white);
}

body:not(.home) .lwik-elementor-page > .elementor > .lwik-elementor-contact-form {
  background: var(--lwik-surface-paper);
}

/* Keep the navy hero self-contained even where its section shell is transparent. */
body:not(.home) .lwik-elementor-page .lwik-page-head {
  background: var(--lwik-surface-navy);
}

/*
 * Homepage rhythm, in document order:
 * navy hero → grey facts → white services → navy chooser → grey process →
 * navy feature → white training → navy profile → grey region → grey CTA.
 * The final CTA is deliberately never navy because the footer already is.
 */
.lwik-home .lwik-services,
.lwik-home .lwik-training {
  background: var(--lwik-surface-white);
}

.lwik-home .lwik-process-section,
.lwik-home .lwik-region {
  background: var(--lwik-surface-paper);
}

.lwik-home .lwik-final-cta {
  background: var(--lwik-surface-white);
}

/* No decorative signal rules are introduced by this layer. */