website: redesign part 1

website/styles/fonts.css

@@ -15,6 +15,7 @@
   font-display: block;
 }
 
+/* Preloaded in index.html — keep URL in sync. */
 @font-face {
   font-family: Instrument;
   src: url("/assets/fonts/InstrumentSerif-Regular.woff2") format("woff2");
@@ -29,6 +30,14 @@
   font-display: block;
 }
 
+:root {
+  --font-mono:
+    "Lilex", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
+  --font-serif:
+    Instrument, Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
+}
+
 html {
   font-family: var(--font-mono);
 }