:root {
	--xz: #eee9e4;
	--z: #fdfeff;
	--b: 4f5659cf;
	--a: #3b4a59e5;
	
	--border: #0d70c878;
	--link: #397bb7e8;
	}


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

	:root {
		--z: #232323;
		--a: #d6dbeaed;

		--border: #4b575e;
		--link: #afd9e6;
		}
	}


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

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

a {
	text-decoration: none;
	color: var(--a);
	}

/*

	: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);
		}
	}
*/