:root {
	--xz: #eee9e4;
	--z: #f0e5da;
	--a: #1c1c1c;
	}


@media (prefers-color-scheme: dark) {

	:root {
		--z: #232323;
		--a: #ececec;
		}
	}


* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	color: var(--a);
	background-color: var(--z);
	font: normal 16px arial;
	}


/*

	:root {
	--xz: #eee9e4;
	--zz: #f0e5da;
	--aa: #1c1c1c;

	--a: var(--aa);
	--z: var(--zz);
	}

@media (prefers-color-scheme: dark) {
	body {
		background-color: red;
		}
	:root {
		--a: var(--zz);
		--b: var(--aa);
		}
	}
*/