/*******************************************************************************************************************************/

:root {
	--harmaa-tausta-vaalea: #F1F4F4;

	--vari1: #2E5C64;
	--vari1-tumma: #183337;
	--vari2: #F1B437;
	--vari2-tumma: #C0902C;

	--painike-taustavari: #2E5C64;
	--painike-taustavari-hover: #183337;
	--painike-kehys: .05em solid #2E5C64;
	--painike-kehys-hover: .05em solid #183337;

	--painike2-vari: #333333;
	--painike2-vari-hover: #333333;
	--painike2-taustavari: #F1B437;
	--painike2-taustavari-hover: #C0902C;
	--painike2-kehys: .05em solid #F1B437;
	--painike2-kehys-hover: .05em solid #C0902C;

	--valilehdet-vari-selected: #02A598;
	--valilehdet-palkki-tausta-mobile: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(241,244,244,1) 50%);
}