:root {
	--color-blue:   rgb(0, 19, 54);
	--color-violet: rgb(115, 38, 155);
	--color-rose:   rgb(251, 28, 210);
	--color-bg:     #F9F9F9;
	--color-card:   #FFFFFF;
	--color-border: #E5E5EA;

	/* Canaux RGB bruts — pour les variantes alpha : rgba(var(--color-violet-rgb), 0.08) */
	--color-blue-rgb:   0, 19, 54;
	--color-violet-rgb: 115, 38, 155;
	--color-rose-rgb:   251, 28, 210;

	/* Texte secondaire */
	--color-text-secondary: #636363;

	--radius-sm: 18px;
	--radius-lg: 35px;

	--shadow-card:   0px 4px 24px 0px rgba(10, 11, 36, 0.06);
	--shadow-header: 0px 8px 32px 0px rgba(10, 11, 36, 0.10);

	--gradient-cta: linear-gradient(135deg, rgb(251, 28, 210) 0%, rgb(115, 38, 155) 100%);

	--font-primary: 'Inter', 'Poppins', sans-serif;

	/* Échelle z-index — ordre d'empilement global (croissant = au-dessus).
	   Les valeurs locales aux composants (0–7) ne sont pas concernées. */
	--z-sticky-sidebar: 100;   /* sidebar sticky desktop (passe sous le header) */
	--z-bottom-nav:     800;   /* barre de navigation mobile fixe */
	--z-sticky-cta:     850;   /* CTA sticky mobile (pages formation) */
	--z-mobile-menu:    900;   /* menu mobile déroulant */
	--z-header:        1000;   /* header flottant fixe */
	--z-overlay:       2000;   /* backdrop du bottom-sheet */
	--z-sheet:         2010;   /* bottom-sheet formations */
	--z-float-btn:     2020;   /* bouton flottant (retour haut) */
	--z-progress:      3000;   /* barre de progression scroll (au-dessus de tout) */
}