/* ===========================================================
   Déclaration de variables réutilisées dans la suite du code
=========================================================== */

:root {

	/* ==============================================================================
	   Couleurs pour le site
	============================================================================== */

	/* Couleur principale */
	--ymd-color-primary: #305395;

	/* Variante foncée (hover, focus...) */
	--ymd-color-primary-dark: #23527c;

	/* Variante claire */
	--ymd-color-primary-light: #cfe6f8;



	/* ===================================================
	   Couleurs pour les dégradés du site
	=================================================== */

	/* start = couleur la plus soutenue */
	/* end   = couleur la plus claire */


	/* Palette pale */
	--ymd-grad--pale-start:   #e4f2fc;
	--ymd-grad--pale-end:     #f7fbff;


	/* Palette légère */
	--ymd-grad--light-start:  #c5e1f5;
	--ymd-grad--light-end:    #edf7ff;


	/* Palette medium */
	--ymd-grad--medium-start: #9fc7e5;
	--ymd-grad--medium-end:   #dceefa;


	/* Palette forte */
	--ymd-grad--strong-start: #7eadd2;
	--ymd-grad--strong-end:   #c6e0f2;


	/* Palette sombre */
	--ymd-grad--dark-start:   #5f8fba;
	--ymd-grad--dark-end:     #a8cce6;



	/* ===================================================
	   Header
	=================================================== */

	/* Hauteur du logo */
	--ymd-logo-height-desktop: 52px;
	--ymd-logo-height-tablet: 44px;
	--ymd-logo-height-mobile: 34px;

	/* Padding vertical du bandeau */
	--ymd-header-padding-desktop: 6px;
	--ymd-header-padding-tablet: 6px;
	--ymd-header-padding-mobile: 5px;

	/* Padding gauche du bandeau */
	--ymd-header-padding-left-desktop: 0px;
	--ymd-header-padding-left-tablet: 0px;
	--ymd-header-padding-left-mobile: 5px;


	/* Hauteur totale du header */
	--ymd-header-height-desktop: calc(var(--ymd-logo-height-desktop) + (2 * var(--ymd-header-padding-desktop)));
	--ymd-header-height-tablet:  calc(var(--ymd-logo-height-tablet)  + (2 * var(--ymd-header-padding-tablet)));
	--ymd-header-height-mobile:  calc(var(--ymd-logo-height-mobile)  + (2 * var(--ymd-header-padding-mobile)));

	--ymd-header-bg: #ffffff;
	--ymd-header-z: 9999;
}