@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..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:      'Inter', sans-serif;

    /* Espacements */
    --gap-s:  16px;
    --gap-m:  24px;
    --gap-l:  48px;
    --gap-xl: 64px;

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

.editor-styles-wrapper [class*="wp-block-hello-child-"],
.editor-styles-wrapper [class*="wp-block-hello-child-"] *,
[class*="wp-block-hello-child-"],
[class*="wp-block-hello-child-"] * {
    font-family: var(--primary-font);
}

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


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