:root {
	--lightcolor:#f4f3e7;
	--lightcolor:#f0efe9;
	--frontcolor:#67af61;
	--frontcolor_dark:#5fa958;
	--textcolor:#5f5f5c;
	--texctcolor_light: #9d9c98;
	--bordercolor:#d4d3cd;
	--bordercolor_dark:#c4c4be;

	--lightcolor_light:#fffefd;
	--lightyellow:#ffedbd;
	--yellow:#ffda73;
	--lightblue:#def9ff;
}

body ::selection {
	background: var(--lightblue);
	color: var(--frontcolor_dark);
}


/*
TOEPASSING:
*/
a {
	color:var(--frontcolor_dark);
}
p a:is(:hover,:active) {
	text-decoration: underline;
}

body {
	background-color: var(--lightcolor,#fffbf0);
}
body, input, p, ul, li, ol, input, textarea, blockquote {
	color:var(--textcolor);
}
nav ul li *:is(a, a span), h1, h2, h3 {
	color:var(--frontcolor_dark);
}

nav ul li:is(.selected, :active) a,
nav ul li a:active {
	/*border-bottom: 2px solid var(--frontcolor_dark);*/
}