@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ============================================================
   Variables et utilitaires partagés entre tous les blocs custom.
   Chargé une seule fois, front + éditeur.
   ============================================================ */

:root {
    /* Couleurs */
    --overlay-dark:  rgba(0, 0, 0, 0.45);

    /* Typographie */
    --primary-font:      'DM Sans', sans-serif;;

    /* Espacements */
    --gap-s:  16px;
    --gap-m:  24px;
    --gap-l:  calc(28px + (48 - 28) * ((100vw - 320px) / (1920 - 320)));
    --gap-xl: calc(30px + (64 - 30) * ((100vw - 320px) / (1920 - 320)));

    /*Containers*/
    --container-primary : 72%;
    --container-secondary : 83%;


    @media (max-width: 1023px) {

        --container-primary : 90%;
        --container-secondary : 95%;

    }

}


.container-primary {
    max-width: var(--container-primary);
    margin: 0 auto;
}


.container-secondary {
    max-width: var(--container-secondary);
    margin: 0 auto;
}

/* ── Élargit le canvas de l'éditeur Gutenberg (défaut ~800px, trop étroit
   pour éditer les blocs larges avec grilles/colonnes).
   Scopé à .editor-styles-wrapper (n'existe que dans l'iframe de l'éditeur,
   jamais sur le front) + !important pour passer devant les styles globaux
   générés par WordPress (theme.json / global styles). ── */
.editor-styles-wrapper {
    --wp--style--global--content-size: 1400px !important;
    --wp--style--global--wide-size: 1600px !important;
}

.editor-styles-wrapper.is-root-container,
.editor-styles-wrapper .is-root-container,
.editor-styles-wrapper .is-root-container > .wp-block {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}