:root {
	--lightcolor:#fffbf0;
	--frontcolor:#00aa88;
	--frontcolor_dark:#009470;
	--textcolor:#6f7c78;
	--texctcolor_light: #7b8c86;
	--bordercolor:#b6bdb8;
	--bordercolor_dark:#b0b5ad;

	--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);
}