/* Color theme roughly based on:
 * https://paletton.com/#uid=5000p0kw8dLmVn9rgiuHN93Sj4E
 */
:root {
	--header-font-color: rgb(238, 237, 226);
	--header-bg-color: rgb(110, 0, 0);

	--page-font-color: white;
	--page-bg-color: rgb(32, 34, 37);

	--footer-bg-color: rgb(54, 57, 63);

	--link-new-color: rgb(147, 22, 22);
	--link-hover-color: rgb(255, 94, 94);
	--link-visited-color: rgb(184, 52, 52);

	--code-bg: rgb(47, 49, 54);

	--slug-bg: rgb(15, 16, 17);
	--slug-border: rgb(0, 0, 0);
}

#header a {
	color: var(--header-font-color);
	text-decoration: none;
}

a {
	color: var(--link-new-color);
}

a:active, a:visited {
	color: var(--link-visited-color);
}

a:hover,
#header a:hover {
	cursor: pointer;
	color: var(--link-hover-color);
}

code {
	background-color: var(--code-bg);
}

.slug {
	padding: 0.5rem;
	background-color: var(--slug-bg);
	border: 4px solid var(--slug-border);
	border-radius: 1.5rem;
}