/* Base colour (around the article if present) */
body { color: #3c484e; }

/* Header bar (optional) */
header, .header { background-color: blue; }
nav > a, .nav > a { 
	color: black;
	background-color: white;
}
nav > a:hover, .nav > a:hover {
	color: white;
	background-color: red;
}

/* Body of the article (main element but optional) */
article, .article { background-color: #ffffff; }
article::before, .article::before {
	background-color: #add8e6;
	/* border-color: #a0a0a0; */
}

/* Headers (including ul/ol with classes .h .hN */
h2, h3, h4, h5, h6 { border-color: #aaa391 }
ul.h > li::marker, ol.h > li::marker { color: #0060f0; }
h1 {
	color: #fff;
	background-color: #002f54;
}

/* Normal text */
strong { color: #0060f0; }

/* Code */
:not(pre) > code {
	color: initial;
	background-color: #e5eff6;
}
pre {
	border-color: #000;
	color: #e5eff5;
	background-color: #0e0f11;
}

/* Tables */
table th, table td { border-color: #e3ecf3; }
table th { background-color: #f4f8fb; }