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

:root {
	/* --musta: #000000;
	--harmaa: #999999;
	--harmaa-vaalea: #CCCCCC;
	--harmaa-tausta: #E2E2E4;
	--harmaa-reuna: #E4E4E4;
	--oikein-vari: forestgreen;
	--oikein-taustavari: #D1EEDB;
	--vaarin-vari: red;
	--vaarin-taustavari: #FCEAEA; */

	--vari1: #2E5C64;
	--vari1-tumma: #183337;

	/* --painike-vari: #FFFFFF;
	--painike-vari-hover: #FFFFFF;
	--painike-vari-selected: #FFFFFF;
	--painike-vari-disabled: #FFFFFF; */
	--painike-taustavari: #2E5C64;
	--painike-taustavari-hover: #183337;
	/* --painike-taustavari-selected: #000000;
	--painike-taustavari-disabled: #E2E2E4; */
	--painike-kehys: .05em solid #2E5C64;
	--painike-kehys-hover: .05em solid #183337;
	/* --painike-kehys-selected: .05em solid #000000;
	--painike-kehys-disabled: .05em solid #E2E2E4;
	--painike-mitat: 1.75em; */

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