:root {
	--fg: #000;
	--bg: #fff;

	--fg-blue: #0050ff;
	--bg-blue: #ccdcff;

	--data-border: #bbb;
	--data-tr-odd: #f4f4f4;
	--data-th-bg: #e0e0e0;

	--menu-bg: #e4e4e4;
	--menu-border: #c8c8c8;
	--menu-date-0: #0070ff;
	--menu-date-1: #0070ff;
	--menu-date-2: #0070ff;
	--menu-date-bg0: #ff4;
	--menu-date-bg1: #ff8;
	--menu-date-bg2: #ffc;
}

@media (prefers-color-scheme: dark) {
	:root {
		--fg: #f0f0f0;
		--bg: #282828;

		--fg-blue: #61aeff;
		--bg-blue: #284768;

		--data-border: #707070;
		--data-tr-odd: #2f2f2f;
		--data-th-bg: #434343;

		--menu-bg: #000;
		--menu-border: #404040;
		--menu-date-0: #ff4;
		--menu-date-1: #ff8;
		--menu-date-2: #ffc;
		--menu-date-bg0: initial;
		--menu-date-bg1: initial;
		--menu-date-bg2: initial;
	}
}