feat(styles): swap Geist for Zen via the design token layer

package.json

@@ -12,6 +12,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hanzo/design": "^0.5.21",
     "@hanzo/event": "^0.3.11",
     "@hanzo/plans": "1.4.12",
     "@hookform/resolvers": "^3.10.0",

pnpm-lock.yaml

@@ -15,6 +15,9 @@ importers:
 
   .:
     dependencies:
+      '@hanzo/design':
+        specifier: ^0.5.21
+        version: 0.5.21
       '@hanzo/event':
         specifier: ^0.3.11
         version: 0.3.11([email protected])
@@ -440,6 +443,10 @@ packages:
   '@floating-ui/[email protected]':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-E2g6DZCn2IUf2AQKqPMwlVV5fz2wvIpAagFRLx33gIsJfmpyubFnx0LINjFs7UoMI1ajnwSa73k7rPteVSemUw==}
+    hasBin: true
+
   '@hanzo/[email protected]':
     resolution: {integrity: sha512-HLdDWZPPonel3HPgmDOQ+LqXPV8hPEMZFGnXlFT2gPQq+MxcHgAY482Y9jHCCKwLFo8v805FZ81ylTlBAl5RVQ==}
     peerDependencies:
@@ -1748,6 +1755,7 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
     peerDependencies:
       jiti: '*'
@@ -2229,6 +2237,7 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
     engines: {node: '>=14'}
+    deprecated: 1.x and 2.x branches are no longer active. Bump to Recharts v3 to receive latest features and bugfixes. See https://github.com/recharts/recharts/wiki/3.0-migration-guide
     peerDependencies:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -2603,6 +2612,8 @@ snapshots:
 
   '@floating-ui/[email protected]': {}
 
+  '@hanzo/[email protected]': {}
+
   '@hanzo/[email protected]([email protected])':
     optionalDependencies:
       react: 18.3.1

src/index.css

@@ -1,5 +1,5 @@
 
-@import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/geist-sans/style.css');
+@import '@hanzo/design/tokens/fonts.css';
 @import './components/SimpleDropdown.css';
 
 /* Navigation Menu Dropdown Fixes */
@@ -75,11 +75,11 @@ button:hover + div {
   }
 
   body {
-    @apply bg-background text-foreground font-geist-sans antialiased;
+    @apply bg-background text-foreground font-sans antialiased;
   }
 
   h1, h2, h3, h4, h5, h6 {
-    @apply font-geist-sans font-semibold tracking-tight;
+    @apply font-sans font-semibold tracking-tight;
   }
 
   .reveal {

tailwind.config.ts

@@ -134,8 +134,7 @@ export default {
         'pulse-glow': 'pulseGlow 8s ease-in-out infinite',
       },
       fontFamily: {
-        sans: ['"Geist Sans"', 'sans-serif'],
-        'geist-sans': ['"Geist Sans"', 'sans-serif'],
+        sans: ['var(--font-sans)', 'sans-serif'],
       },
     }
   },