:root {
	--background: #f8f8f8;
	--text: #222;
	--accent: #c10;
}

body {
	text-shadow: -0.75px -0.75px #eee4, 1.5px 1.5px #fff;
}

:lang(zh) {
	font-variant-numeric: lining-nums;
}

h1,
h2,
bold,
strong,
a {
	color: var(--text);
}

h1,
h2,
.languages,
.page-footer,
ol li::marker {
	font-family: "Libertinus Sans", var(--sans-serif);
}

h1,
h2 {
	text-align: start;

	border-block-end: 1px dotted var(--accent);
}

nav.languages {
	font-weight: bold;

	& ul {
		justify-content: start;

		& li:first-child {
			margin-inline-start: 0;
		}
	}

	& a {
		font-weight: normal;
	}
}

.page-footer {
	text-align: end;

	& a {
		font-weight: bold;
	}

	& > ul {
		font-style: normal;
		color: var(--text);
		text-align: end;
		opacity: 0.75;
	}
}

a {
	text-decoration-color: var(--accent);
}

ol li::marker {
	font-size: 0.9em;
	font-weight: bold;
}

@font-face {
	font-family: "Libertinus Sans";
	font-weight: normal;
	src: url("/fonts/LibertinusSans-Regular.woff2"), local();
}

@font-face {
	font-family: "Libertinus Sans";
	font-weight: bold;
	src: url("/fonts/LibertinusSans-Bold.woff2"), local();
}