feat(docs): serve Zen from @hanzo/font

docs/app/global.css

@@ -6,8 +6,6 @@
 @theme inline {
   --breakpoint-3xl: 1600px;
   --breakpoint-4xl: 2000px;
-  --font-sans: var(--font-geist-sans), system-ui, sans-serif;
-  --font-mono: var(--font-geist-mono), monospace;
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
@@ -34,6 +32,10 @@
 }
 
 :root {
+  /* Stated here, after the fumadocs import, because fumadocs-ui/style.css
+     declares these same two roles and would otherwise win the cascade. */
+  --font-sans: var(--font-zen-sans), system-ui, sans-serif;
+  --font-mono: var(--font-zen-mono), monospace;
   --background: 0 0% 100%;
   --foreground: 0 0% 3.9%;
   --card: 0 0% 100%;

docs/app/layout.tsx

@@ -1,20 +1,9 @@
 import "./global.css"
 import { RootProvider } from "fumadocs-ui/provider/next"
-import { Inter } from "next/font/google"
+import { ZenSans } from "@hanzo/font/sans"
+import { ZenMono } from "@hanzo/font/mono"
 import type { ReactNode } from "react"
 
-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-geist-sans",
-  display: "swap",
-})
-
-const interMono = Inter({
-  subsets: ["latin"],
-  variable: "--font-geist-mono",
-  display: "swap",
-})
-
 export const metadata = {
   title: {
     default: "Mathematical Utilities Documentation",
@@ -27,7 +16,7 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html
       lang="en"
-      className={`${inter.variable} ${interMono.variable}`}
+      className={`${ZenSans.variable} ${ZenMono.variable}`}
       suppressHydrationWarning
     >
       <body className="min-h-svh bg-background font-sans antialiased">

docs/package.json

@@ -11,6 +11,7 @@
     "postinstall": "fumadocs-mdx"
   },
   "dependencies": {
+    "@hanzo/font": "^1.8.1",
     "fumadocs-core": "^15.8.5",
     "fumadocs-mdx": "^12.0.3",
     "fumadocs-ui": "^15.8.5",