switch to all-monospace dark theme, drop Instrument Serif

Author: Rahul Tyagi

_layouts/default.html

@@ -7,7 +7,7 @@
   <meta name="description" content="{{ page.description | default: site.description | strip_newlines }}">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="{{ '/assets/style.css' | relative_url }}">
   {%- feed_meta -%}
 </head>

assets/style.css

@@ -14,7 +14,6 @@
   --glow:      rgba(240,163,94,0.10);
 
   --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
-  --serif: "Instrument Serif", Georgia, "Times New Roman", serif;
 
   --maxw: 920px;
 }
@@ -109,7 +108,7 @@ a { color: var(--accent); text-decoration: none; }
 }
 .prompt .dot, .post-meta .dot, .hero-blurb .dot { color: var(--accent-dim); margin: 0 4px; }
 .hero-name {
-  font-family: var(--serif);
+  font-family: var(--mono);
   font-weight: 400;
   font-size: clamp(56px, 11vw, 116px);
   line-height: 0.92;
@@ -118,8 +117,7 @@ a { color: var(--accent); text-decoration: none; }
   color: var(--text);
 }
 .hero-tagline {
-  font-family: var(--serif);
-  font-style: italic;
+  font-family: var(--mono);
   font-size: clamp(22px, 4vw, 32px);
   color: var(--accent);
   margin: 0 0 24px;
@@ -209,7 +207,7 @@ a { color: var(--accent); text-decoration: none; }
 
 .card-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
 .card-name {
-  font-family: var(--serif);
+  font-family: var(--mono);
   font-weight: 400;
   font-size: 26px;
   line-height: 1;
@@ -258,7 +256,7 @@ a { color: var(--accent); text-decoration: none; }
 /* ---------- documents (about / blog / post) ---------- */
 .doc { max-width: 680px; padding-top: 20px; }
 .doc-title {
-  font-family: var(--serif);
+  font-family: var(--mono);
   font-weight: 400;
   font-size: clamp(40px, 7vw, 60px);
   line-height: 1;
@@ -273,7 +271,7 @@ a { color: var(--accent); text-decoration: none; }
 .prose { color: #d4d4cf; font-size: 15px; }
 .prose p, .prose ul, .prose ol { margin: 0 0 18px; }
 .prose h2, .prose h3 {
-  font-family: var(--serif);
+  font-family: var(--mono);
   font-weight: 400;
   color: var(--text);
   margin: 36px 0 14px;
@@ -322,7 +320,7 @@ a { color: var(--accent); text-decoration: none; }
 }
 .post-item a:hover { padding-left: 8px; }
 .post-item time { color: var(--faint); font-size: 12.5px; white-space: nowrap; min-width: 96px; }
-.post-title { font-family: var(--serif); font-size: 21px; transition: color 0.18s ease; }
+.post-title { font-family: var(--mono); font-size: 21px; transition: color 0.18s ease; }
 .post-item a:hover .post-title { color: var(--accent); }
 .post-empty { color: var(--muted); padding: 16px 0; }