diff --git a/src/styles/base.css b/src/styles/base.css
index 01ed301..2d8303e 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -5,13 +5,19 @@
 	--colour-link-alt: yellow;
 	--line-height: 1.9;
 	--character-width: 72ch;
+	--weight-light: 300;
+	--weight-regular: 400;
+	--weight-semibold: 600;
+}
+
+html {
+	font-size: 1.125rem; /* 18px */
 }
 
 body {
 	box-sizing: border-box;
 	background-color: var(--colour-light);
 	color: var(--colour-dark);
-	font-family: var(--type-stack);
 	max-width: var(--character-width);
 	margin: auto;
 	padding: 20px;
@@ -19,12 +25,22 @@ body {
 }
 
 h1 {
+	font-size: clamp(3rem, calc(2.899rem + 0.568vw), 3.25rem);
+	font-weight: var(--weight-light);
 	line-height: var(--line-height);
 }
 
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-weight: var(--weight-semibold);
+}
+
 a {
 	color: var(--colour-link);
-	font-weight: 600;
+	font-weight: var(--weight-semibold);
 }
 
 img {
diff --git a/src/styles/reset.css b/src/styles/reset.css
index 9fef6b7..25eb5bf 100644
--- a/src/styles/reset.css
+++ b/src/styles/reset.css
@@ -30,9 +30,9 @@ Notes for maintainers:
 
 html {
 	color-scheme: light dark;
-	font:
-		clamp(1rem, 1rem + 0.5vw, 2rem) / 1.4 system-ui,
-		sans-serif;
+	font-size: clamp(1rem, 1rem + 0.5vw, 2rem);
+	font-family: system-ui, sans-serif;
+	line-height: 1.9;
 	tab-size: 4;
 	hanging-punctuation: first allow-end last;
 	word-break: break-word;