[(#REM)
	Styles dynamiques de ginza
]

[(#REM) variables de couleurs géré via  le menu configuration du squelette]
:root {
	--white: #CONFIG{ginza/color_white,#ffffff};
	--black: #CONFIG{ginza/color_black,#222222};
	--bg-color: #CONFIG{ginza/color_bg_color,#d18d80};
	--primary-color: #CONFIG{ginza/color_primary_color,#d18d80};
	--primary-color-hover: #CONFIG{ginza/color_primary_color_hover,#874f49};
	--primary-color-light: #CONFIG{ginza/color_primary_light,#eeb9af};
	--secondary-color: #CONFIG{ginza/color_secondary_color,#c5a06e};
	--secondary-color-hover: #CONFIG{ginza/color_secondary_color_hover,#826c4e};
	--secondary-color-light: #CONFIG{ginza/color_secondary_light,#dcd8ce};
	--secondary-color-super-light: #CONFIG{ginza/color_secondary_super_light,#f5f5f2};
	--ternary-color: #CONFIG{ginza/color_ternary_color,#dcd8ce};
	--gray: #CONFIG{ginza/color_gray,#5f686a};
	--gray-light: #CONFIG{ginza/color_gray_light,#b5b5b5};
	--gray-dark: #CONFIG{ginza/color_gray_dark,#26221d};


	/*
		https://css-tricks.com/snippets/css/system-font-stack/
		https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
	*/
	--font-base: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-outline: ui-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

[(#REM) divers]
[(#CONFIG{ginza/is_shadow}|oui)
.bouton-puce {
	box-shadow: 0 0 5px 1px var(--gray-light);
}]