
:root {
	--accent: hsl(0 0% 85%);
}

@media (prefers-color-scheme: dark) {
	:root {
		--accent: hsl(0 0% 25%);
	}
}

/* the code snippet frame, defaults to white which tends to get badly readable in combination with explaining text around */
div.fragment {
	background-color: var(--accent);
	border: 0;
	padding: 1em;
	border-radius: 6px;
}

code {
	background-color: var(--accent);
	padding-left: .5em;
	padding-right: .5em;
	border-radius: 6px;
}

li {
	margin-bottom: .5em;
}