:root {
	--site-background: rgba(36, 36, 64, 1);
	--site-background-image: radial-gradient(
			circle at left,
			rgba(40, 241, 255, 0.2),
			transparent
		),
		radial-gradient(circle at 80% 80%, rgba(0, 0, 0, 0.2), transparent);

	--window-background: rgba(20, 20, 20, 0.5);
	--window-border: 1px solid rgba(255, 255, 255, 0.6);

	--link-color: white;
	--link-wrap-color: rgba(255, 100, 100, 1);
	--link-decoration: dashed underline rgba(255, 255, 255, 0.5);
	--link-hover-background: rgba(255, 255, 255, 1);
	--link-hover-color: rgba(0, 0, 0, 1);
	--link-hover-decoration: dashed underline rgba(0, 0, 0, 0.5);

	--button-background: transparent;
	--button-color: rgb(255, 255, 255);
	--button-hover-background: rgb(255, 255, 255);
	--button-hover-color: rgb(0, 0, 0);
	--button-wrap-color: rgba(255, 100, 100, 1);

	--command-color: rgba(255, 255, 255, 0.5);
	--command-prefix-color: rgba(85, 180, 255, 1);
	--command-indent-color: rgba(255, 255, 255, 0.2);

	--log-tag-color: rgba(255, 255, 255, 0.6);
	--log-date-color: rgba(56, 122, 132, 1);
}

@font-face {
	font-family: "Geist Mono";
	white-space: nowrap;
	vertical-align: middle;
	src: url("../fonts/geist_mono_var.ttf") format("truetype");
}

html {
	font-family: "Geist Mono", monospace;
	font-size: small;
	color: white;
}

body {
	width: auto;
	height: auto;
	margin: 0;
	background: var(--site-background);
}

p {
	padding: 0;
	margin: 0;
	height: 1.5em;
	align-content: center;
}

a {
	background: inherit;
	color: inherit;
	text-decoration: var(--link-decoration);
}

a:hover {
	background: var(--link-hover-background);
	color: var(--link-hover-color);
	text-decoration: var(--link-hover-decoration);
}

button {
	font-family: inherit;
	font-display: inherit;
	font-size: inherit;
	padding: 0;
	margin: 0;
	border: 0;
	background: var(--button-background);
	color: var(--button-color);
}

button:hover {
	background: var(--button-hover-background);
	color: var(--button-hover-color);
}

.window {
	background: var(--window-background);
	border: var(--window-border);
	padding: 1em;
	margin: 0.5em;
}