/* Ombres d'écran combinées dans une seule classe */

.ombre-ecran {
  position: relative;
  overflow: hidden;
}

/* Rose : haut-gauche + bas-droite */
.ombre-ecran::before {
  content: "";
  position: fixed;
  top: -12vw;
  left: -12vw;
  width: 42vw;
  height: 42vw;
  min-width: 280px;
  min-height: 280px;
  max-width: 720px;
  max-height: 720px;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.42;
  background: rgba(255, 182, 193, 0.55);
  box-shadow: calc(100vw + 24vw) calc(100vh + 24vw) 0 0 rgba(255, 182, 193, 0.55);
}

/* Jaune : haut-droite + bas-gauche */
.ombre-ecran::after {
  content: "";
  position: fixed;
  top: -12vw;
  right: -12vw;
  width: 42vw;
  height: 42vw;
  min-width: 280px;
  min-height: 280px;
  max-width: 720px;
  max-height: 720px;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.38;
  background: rgba(255, 236, 140, 0.64);
  box-shadow: calc(-100vw - 24vw) calc(100vh + 24vw) 0 0 rgba(255, 244, 170, 0.58);
}

.ombre-ecran main,
.ombre-ecran header,
.ombre-ecran footer,
.ombre-ecran section,
.ombre-ecran article,
.ombre-ecran .contenu-premier-plan {
  position: relative;
  z-index: 1;
}