:root {
    

	/* --------------------------- COULEURS */
	--col_1 : 	var(--wp--preset--color--kb-palette-1);
  	--col_2 : 	var(--wp--preset--color--kb-palette-2);
  	--col_3 : 	var(--wp--preset--color--kb-palette-3);
  	--col_4 : 	var(--wp--preset--color--kb-palette-4);
  	--col_5 : 	var(--wp--preset--color--kb-palette-5);
  	--col_6 : 	var(--wp--preset--color--kb-palette-6);
  
    /* --------------------------- Menu */
    --menu-font-size: .8rem;
	
    /* --------------------------- Menu Burger */
    --menu-top: 0;
    --menu-height: 100vh;
    --menu-burger-font-size: 1.1rem;
	--icon-color : var(--col_1);
	--icon-color-dark : var(--col_2);
	--menu-background : var(--col_2);
	--links-color : var(--col_blanc);
	--border-style : solid 1px rgba(250,250,250,.1);

    /* --------------------------- Block Width */
    --small_width: 1024px;
    --medium_width: 1200px;

    /* --------------------------- Inner Block Width */
    --header-inner_width: 1600px;
    --inner_width: 1400px;
    --global-kb-spacing-lg: 3rem;
	
	
   /* ==========================================================================
     TOKENS TYPOGRAPHIQUES — FALLBACKS DE SÉCURITÉ
     Les valeurs réelles sont injectées par inc/tokens-loader.php depuis tokens/typo.json.
     Ces fallbacks s'appliquent uniquement si typo.json est absent ou invalide.
     Ne pas les supprimer. Les maintenir cohérentes avec les defaults de typo.json.
     ========================================================================== */

	--font-root-size: 1rem;
    --menu-width: 8vw;
    --page-width: calc(100% - var(--menu-width));
    --letter-spacing: .05em;
    --logo-size: 8rem;
  	--font: 'Poppins', system-ui, -apple-system, sans-serif;

	/* Poids sémantiques — évite les magic numbers dans le CSS projet */
	--fw-regular: 300;
	--fw-medium : 400;
	--fw-semibold: 500;
	--fw-bold: 700;
	--fw-black: 900;

	/* Échelle de base */
	--font-size-xxs:  0.75rem;    /* 12px */
	--font-size-xs:   0.8125rem;  /* 13px */
	--font-size-sm:   0.875rem;   /* 14px */
	--font-size-md:   1.125rem;   /* 18px — corps de texte */
	--font-size-lg:   1.375rem;   /* 22px */
	--font-size-xl:   1.875rem;   /* 30px */
	--font-size-xxl:  2.5rem;     /* 40px — fallback, écrasé par tokens-loader.php */
	--font-size-xxxl: 3.5rem;     /* 56px */

	/* Hauteurs de ligne associées (cohérence verticale) */
	--line-height-tight:   1.15;  /* titres */
	--line-height-snug:    1.3;   /* sous-titres */
	--line-height-normal:  1.5;   /* corps */
	--line-height-relaxed: 1.7;   /* lead, citations */

	/* Override des tokens Kadence — alias vers nos tokens primitifs */
	--global-kb-font-size-xxs: var(--font-size-xxs) !important;
	--global-kb-font-size-xs:  var(--font-size-xs)  !important;
	--global-kb-font-size-sm:  var(--font-size-sm)  !important;
	--global-kb-font-size-md:  var(--font-size-md)  !important;
	--global-kb-font-size-lg:  var(--font-size-lg)  !important;
	--global-kb-font-size-xl:  var(--font-size-xl)  !important;
	--global-kb-font-size-xxl: var(--font-size-xxl) !important;

	/* Override des presets Gutenberg — alias vers nos tokens primitifs
	   Mappés sur la nomenclature WP par défaut */
	--wp--preset--font-size--small:    var(--font-size-sm);
	--wp--preset--font-size--medium:   var(--font-size-md);
	--wp--preset--font-size--large:    var(--font-size-lg);
	--wp--preset--font-size--x-large:  var(--font-size-xl);
	--wp--preset--font-size--xx-large: var(--font-size-xxl);
	
	/* ==========================================================================
     Dimensions logo — header et footer peuvent diverger
     ========================================================================== */
	
  	--logo-width-header: 180px;
  	--logo-width-footer: 164px;
  	--logo-width-mobile: 120px;





    /* --------------------------- Global spacing */
    --global-xs-spacing: 1em;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5em;
    --global-xl-spacing: 3.5em;
    --global-xxl-spacing: 5rem;
    --global-edge-spacing: 1.5rem;
    --global-boxed-spacing: 2rem;
	
	/* --------------------------- ROW GAP */
	--global-kb-gap-sm : .6rem;

}
@media (max-width: 767px){
	:root{
		/* --------------------------- Font Size */
    	--global-kb-font-size-xxl: 2rem !important;
        
	}	
}