:root, .theme-light {
	--background-color: #FFFFFF;
	--background-color-2: #E3E3E3;
	--text-color: #000000;
	--border-color: #000000;
	--selected-color: #90CBDB;
	--button-face-color: #C8C8C8;
	--button-text-color: #000000;
	--input-text-color: #000000;
	--input-background-color: #FFFFFF;
	--link-color: #0000EE;
	--link-background-color: #BDE0F2;
	--focus-color: #FF0701;
	--icon-color: #000000;
	--banner-color: #B3B3B3;
	--mark-color: #D2FCC5;
	--accent-color: #D5B3D9;
	--invalid-color: #5C01D8;
	--invalid-text-background-color: #ff80c0;

	--white-piece-start-color: rgba(255, 255, 255, 0.8);
	--white-piece-end-color: rgba(255, 255, 255, 0.4);
	--black-piece-start-color: rgba(100, 100, 100, 0.8);
	--black-piece-end-color: rgba(0, 0, 0, 0.8);
	--white-piece-text-color: #000000;
	--black-piece-text-color: #FFFFFF;
	--piece-shadow: rgba(0,0,0,0.25);
	--board-bkg-gradient: linear-gradient(330deg,rgba(133, 71, 21, 1) 0%, rgba(217, 172, 132, 1) 100%);
	
	input {
		color-scheme: light;
	}
}

@media not print {
	.theme-dark {
		--background-color: #000000;
		--background-color-2: #242424;
		--text-color: #FFFFFF;
		--border-color: #FFFFFF;
		--selected-color: #223891;
		--button-face-color: #474747;
		--button-text-color: #FFFFFF;
		--input-text-color: #FFFFFF;
		--input-background-color: #000000;
		--link-color: #74D7EE;
		--link-background-color: #3C5054;
		--focus-color: #FF0701;
		--icon-color: #FFFFFF;
		--banner-color: #404040;
		--mark-color: #005C08;
		--accent-color: #8D4A95;
		--invalid-color: #A35FFE;
		--invalid-text-background-color: #660000;

		--white-piece-start-color: rgba(255, 255, 255, 0.8);
		--white-piece-end-color: rgba(220, 220, 220, 0.4);
		--black-piece-start-color: rgba(80, 80, 80, 0.8);
		--black-piece-end-color: rgba(64, 64, 64, 0.4);
		--white-piece-text-color: #000000;
		--black-piece-text-color: #FFFFFF;
		--piece-shadow: rgba(0,0,0,0.55);
		--board-bkg-gradient: linear-gradient(330deg,rgba(15, 48, 14, 1) 0%, rgba(58, 156, 56, 1) 100%);
		
		input {
			color-scheme: dark;
		}
	}
}