Use Inter var as global default font

src/styles/globals.scss

@@ -2,6 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url('https://rsms.me/inter/inter.css');
+
 dd {
     margin: 0.5em 0 1em 2em;
 }
@@ -12,7 +14,7 @@ dd {
 
 body {
     color-scheme: dark;
-    @apply bg-zinc-900 text-white;
+    @apply font-sans bg-zinc-900 text-white;
 }
 
 dd, dl {

tailwind.config.cjs

@@ -1,9 +1,14 @@
 /** @type {import('tailwindcss').Config} */
+const defaultTheme = require('tailwindcss/defaultTheme')
+
 module.exports = {
     content: ["./src/**/*.{js,ts,jsx,tsx}"],
     darkMode: "class",
     theme: {
         extend: {
+            fontFamily: {
+                sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+            },
             colors: {
                 zinc: {
                     850: "#1D1D20",