:root {
	color-scheme: light;
	--text: #000;
	--bg: #fff9f3;
	--a: #864626;
	--a2: #55443c;
}

@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
		--text: #f5ede6;
		--bg: #4d4843;
		--a: #eed3b4;
		--a2: #cabdae;
	}
}

body {
	background: var(--bg);
	color: var(--text);
}


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

a:hover {
	color:var(--a2);
	text-decoration: underline;
}