/* Fonds des pages de contenu (OQ12, tranchée le 10 août 2026).

   Les huit visuels déposés dans `public/assets/brand/` servent les pages de
   contenu — Formation, FAQ, À propos. **Pas l'accueil** : son fond reste le
   faucon, et cette feuille n'y est pas chargée.

   Deux contraintes tiennent la mise en œuvre :

   1. **Le contraste du texte prime sur le visuel.** Chaque image porte un
      voile blanc de 82 % : sans lui, un titre gris foncé sur une zone claire
      du ciel passe sous le seuil lisible, et cela ne se voit qu'au
      vidéoprojecteur ou en plein soleil.
   2. **Le visuel ne coûte rien à la lecture.** Il est en `background`, donc
      hors du flux et hors de l'arbre d'accessibilité : rien à annoncer à un
      lecteur d'écran, et aucun `alt` à inventer pour une image décorative. */

.page-with-background {
    position: relative;
    isolation: isolate;
}

.page-with-background::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Le voile est posé par-dessus l'image, dans la même couche : un second
   pseudo-élément serait un empilement de plus pour le même résultat. */
.page-with-background::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.82);
}

/* Trois visuels sont versionnés, ceux que les pages utilisent réellement :
   `morning` pour Formation, `sky` pour À propos, `light` pour la FAQ. Les cinq
   autres restent sur le poste d'Arnaud en attendant d'être utilisés et
   redimensionnés — un fichier de deux mégaoctets sur une page publique se paie
   au premier chargement mobile. Les sélecteurs ci-dessous les déclarent quand
   même : ils disent où ils iront, et un sélecteur inutilisé ne déclenche aucune
   requête. */

.page-with-background[data-background="morning"]::before {
    background-image: url('/assets/brand/background_morning.webp');
}

.page-with-background[data-background="sky"]::before {
    background-image: url('/assets/brand/background_sky.webp');
}

.page-with-background[data-background="light"]::before {
    background-image: url('/assets/brand/background_light.webp');
}

.page-with-background[data-background="light2"]::before {
    background-image: url('/assets/brand/background_light2.webp');
}

.page-with-background[data-background="blue"]::before {
    background-image: url('/assets/brand/background_blue.webp');
}

.page-with-background[data-background="blue2"]::before {
    background-image: url('/assets/brand/background_blue_2.webp');
}

.page-with-background[data-background="gold"]::before {
    background-image: url('/assets/brand/background_gold.webp');
}

.page-with-background[data-background="night"]::before {
    background-image: url('/assets/brand/luxembourg-night.webp');
}

/* Le voile s'épaissit sur écran étroit : le texte y occupe toute la largeur,
   et il passe donc sur les zones les plus chargées de l'image. */
@media (max-width: 768px) {
    .page-with-background::after {
        background: rgba(255, 255, 255, 0.9);
    }
}

/* Mention du certificat de participation (D34). Discrète : c'est une
   information utile, pas un argument de vente, et AGENTS.md §5.2 interdit d'en
   faire une promesse de réussite. */
.formation-credential {
    margin: 12px 0 0;
    font-size: 0.88rem;
    color: #5b6270;
}

.formation-credential::before {
    content: "✓ ";
    color: #1c6b45;
    font-weight: 600;
}