diff --git a/src/css/custom.css b/src/css/custom.css
index 8769315..fbacb10 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -4,6 +4,10 @@
  * work well for content-centric websites.
  */
 
+/* Fonts: Roboto (display/headings) · Inter (body/UI) · JetBrains Mono (code)
+ * Single request loads all three families; display=swap avoids FOIT. */
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Maven+Pro:wght@500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap");
+
 /* Color is charcoal */
 :root {
   --ifm-color-primary: #2a6b32;
@@ -15,6 +19,10 @@
   --ifm-color-primary-lightest: #35863e;
   --ifm-background-color: #F8F9F5;
   --ifm-code-font-size: 95%;
+  /* Type system */
+  --ifm-font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --ifm-font-family-monospace: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
+  --ifm-heading-font-family: "Maven Pro", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }