/* -------- */
/*  Colors  */
/* -------- */

:root {
	--background:white;
	--text:black;
	--link:black;
	--muted:gray;
	--table-rows-alt-bg:#f4f4f4;
}

/* Define colours for dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--background:#222;
		--text:white;
		--link:white;
		--muted:gray;
		--table-rows-alt-bg:#2a2a2a;
	}
}

/* ------ */
/*  Body  */
/* ------ */

body {
	border:1px solid transparent;

	-webkit-font-smoothings: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;

	font-family:"system-ui", "-apple-system", serif;
}

body,
body a {
	color:var(--link);
	background-color:var(--background);
}

pre, code {
	font-family: monospace;
}

h1, h2, h3, h4, h5, h6,
p,
nav, footer {
	max-width:39rem;
	margin-left:auto;
	margin-right:auto;
}

div#content {
	min-height:100vh;
}

footer,
footer a {
	color:var(--muted);
}