/* Fond fixe des pages du hub — un seul dessin : le motif background-05 derrière tout le contenu, qui
   tourne quand une page-rubrique montre une de ses vues (data-backdrop-rotated). Une page au fond propre
   — l'accueil, le compte — le redessine dans sa feuille (exvae #20). */

@layer components {
    .backdrop {
        position: fixed;
        inset: 0;
        z-index: -1;
        height: 100%;
        padding: 0;
        margin: 0;
    }
    .backdrop[data-backdrop-rotated] {
        transform: rotate(60deg) scale(3);
    }

    .backdrop {
        background-image: url('/assets/media/backgrounds/background-05.svg');
        background-size: cover;
        background-position: top;
    }

    .backdrop {
        pointer-events: none;
        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
}