/* CSS set colori Piscina */

/* light mode */
:root{
	--white:		#f6f6f9;
	--black:		#363949;
	
	--light:		#f6f6f9;
	--grey:			#EEEEEE;
	--dark:			#363949;
	--dark-grey:	#AAAAAA;
	--selected:		#aed7ff;
	--primary:		#1976D2;
	--primary-L:	#CFE8FF;
	--rosso: 		#A90002;
	--rosso-L:		#FECDD3;
	--giallo:		#FBC02D;
	--giallo-L:		#FFF2C6;
	--verde:		#388E3C;
	--verde-L:		#BBF7D0;
	--blu:			#0074E0;
	--blu-L:		#8DC8F8;

	/* ok */
	--okBtn:		#b6ffb6;
	--okBtnLine:	var(--verde);
	--okBtnText:	#005700;
	/* info */
	--infoBtn:		#bee5ff;
	--infoBtnLine:	var(--blu);
	--infoBtnText:	#00395f;
	/* alert */
	--alertBtn:		#fff0b6;
	--alertBtnLine:	var(--giallo);
	--alertBtnText:	#5e4b00;
	/* error */
	--noBtn:		#ffb6b6;
	--noBtnLine:	var(--rosso);
	--noBtnText:	#590000;
}

body.dark {
	--light:		#181A1E;
	--grey:			#25252C;
	--dark:			#FBFBFB;
	--selected:		#1976D2;

	/* ok */
	--okBtn:		#005700;
	--okBtnLine:	var(--verde);
	--okBtnText:	#b6ffb6;
	/* info */
	--infoBtn:		#00395f;
	--infoBtnLine:	var(--blu);
	--infoBtnText:	#bee5ff;
	/* alert */
	--alertBtn:		#5e4b00;
	--alertBtnLine:	var(--giallo);
	--alertBtnText:	#fff0b6;
	/* error */
	--noBtn:		#590000;
	--noBtnLine:	var(--rosso);
	--noBtnText:	#ffb6b6;
}