:root {
	--lightcolor:#fffefd;
	--frontcolor:#67af61;
	--frontcolor_dark:#27A8D3;
	--textcolor:#5f5f5c;
	--texctcolor_light: #9d9c98;
	--bordercolor:#d4d3cd;
	--bordercolor_dark:#c4c4be;

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

button {
	--frontcolor:#67af61;
	background-color: #67af61!important;
}
body ::selection {
	background: var(--lightblue);
	color: var(--frontcolor_dark);
}

h1, h2:first-child, p a {
	color:#264D91!important;
	font-weight: 600;
}
p a {
	text-decoration: underline!important;
	font-weight: normal!important;
}
/*
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);
}