:root{
	--body-bg: #25488d;
	--body-color: white;
	--body-color-light: #b1b1b1;
	--body-font-size: 16px;
	--line-height: 1.4;
	--body-font-family: "Comic Relief", system-ui;	
	--cursive-font-family: 'Montez', Times;
	--icon-font-family: "Font Awesome 6 Free", FontAwesome;
	--footer-technical-font: "Segoe UI", Arial, sans-serif;
	
	/* tema sito */
	--theme-color1-bg: #00315b;
	--theme-color1-bglight: #004582;
	--theme-color1-txt: white;
	--theme-color2-bg: #0061c8;
	--theme-color2-txt: #d8e5f5;
	--theme-color3-bg: #008ccd;
	--theme-color3-txt: white;
	--theme-evidence-bg: #ff120d; /* ATTENZIONE!! deve essere sempre un tono di rosso o forte evidenza - #db2e32 */
	--theme-evidence-txt: white; 
	--gradient: var(--color-secondary) 10%,var(--color-yellow) 25%,var(--color-green) 50%,var(--color-blue) 75%,var(--color-primary) 90%;
	--gradient-angle: 35deg;

	/*  Ridefinisce colori boostrap*/
	--theme-primary: #008ccd;
	--theme-primary-dark: #006593;
	--theme-primary-txt: white;
	--theme-success: #3cb371;
	--theme-success-txt: white;
	--theme-warning: #ffe371;
	--theme-warning-txt: black;
	--theme-danger: #ff120d;
	--theme-danger-txt: white;
	--theme-info: #29ffff;
	--theme-info-txt: white;

	/*  Queste variabili sono praticamente universali*/
	--bg-light: #008ccd;;
	--bg-medium: #0061c8;;
	--bg-dark-txt: white;
	--border-radius: 4px;
	--boxhorizontal-radius: 1.2rem;
	--border-color: #c1c1c1;	/* non schiarire: DEVE essere visibile */
	--border-color-dark: #999999;
	--box-shadow: 0 .125rem .25rem rgba(0,0,0,0,.075); /* bootstrap shadow-sm */
	--text-shadow: 0px 4px 3px rgba(0,0,0,0.8);
	--text-shadow2: 1px 1px 2px rgba(0,0,0,0.8);
	/* colore delle parti tecniche */
	--alder-bg: #ffcc00;
	--alder-txt: black;
}