the face is Zen, and it ships from @hanzo/font

One family. Font stacks name Zen and fall back to the native faces, tokens
name the role rather than a face, and the packages that used to supply a
face now point at @hanzo/font.

Self-hosted @font-face blocks are removed rather than renamed: rewriting the
family in one would leave a src pointing at a file this repo no longer ships.
@hanzo/font carries the binaries and declares the faces, so the local copies
go with the declaration that used them.

Comments naming a face we no longer use are deleted, not reworded.

app/bridge3/app/style/lux-fonts.css

@@ -1,30 +1,4 @@
-@tailwind base;
-
-@layer base {
-  @font-face {
-    font-family: "DrukWide";
-    src: url("/fonts/Druk-Wide-Medium.ttf");
-    font-weight: 500;
-    font-style: normal;
-  }
-  @font-face {
-    font-family: "DrukWide";
-    src: url("/fonts/Druk-Wide-Bold.ttf");
-    font-weight: 700;
-    font-style: normal;
-  }
-  @font-face {
-    font-family: "inter";
-    src: url("/fonts/InterVariable.woff2") format("woff2"),
-      url("/fonts/InterVariable.ttf") format("ttf");
-    font-weight: 500;
-    font-style: normal;
-  }
-  @font-face {
-    font-family: "inter";
-    src: url("/fonts/InterVariable-Italic.woff2") format("woff2"),
-      url("/fonts/InterVariable-Italic.ttf") format("ttf");
-    font-weight: 500;
-    font-style: italic;
-  }
-}
+@tailwind base;
+
+@layer base {
+  }

pkg/bridge/src/app/styles/theme.css

@@ -8,27 +8,11 @@
  */
 
 /*
- * Basel Grotesk — the canonical brand face (BRAND_TOKENS.font) shared by all
  * four tenants (Lux/Zoo/Hanzo/Pars). Shipped as a bundled webfont so the body
  * font is a real sans face, never a Times serif fallback. The woff2 files are
  * served from the consuming app's public/fonts/ at the SPA root (bridge is a
  * full-page app mounted at `/`), so the absolute `/fonts/*` src resolves.
  */
-@font-face {
-  font-family: 'Basel Grotesk';
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-  src: url('/fonts/Basel-Grotesk-Book.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Basel Grotesk';
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-  src: url('/fonts/Basel-Grotesk-Medium.woff2') format('woff2');
-}
-
 :root {
   /* Surfaces. A near-black ground with two lifts above it — the page, the
      panel, the control. Three greys is what the screen needs to separate
@@ -90,10 +74,8 @@
   --bridge-spacing-lg: 24px;
 
   /* Typography. */
-  --bridge-font: 'Basel Grotesk', -apple-system, BlinkMacSystemFont, 'Inter',
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  --bridge-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
-    monospace;
+  --bridge-font: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --bridge-font-mono: Zen Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
 
   /* Type scale. Stated once so a heading and the sentence under it move
      together, and a size is chosen by what it is rather than by a number at
@@ -130,7 +112,7 @@
   --bridge-header-padding-x: 24px;
   --bridge-header-padding-y: 14px;
   --bridge-asset-select-width: 148px;
-  --bridge-input-font-size: 28px;
+  --bridge-input-font-size: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --bridge-brand-name-size: 15px;
   --bridge-chip-display: inline-flex;
 }
@@ -146,7 +128,7 @@
     --bridge-header-padding-x: 16px;
     --bridge-header-padding-y: 12px;
     --bridge-asset-select-width: 128px;
-    --bridge-input-font-size: 24px;
+    --bridge-input-font-size: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     --bridge-title-size: 28px;
   }
 }
@@ -160,7 +142,7 @@
     --bridge-page-padding-y: 20px;
     --bridge-card-padding: 16px;
     --bridge-asset-select-width: 116px;
-    --bridge-input-font-size: 22px;
+    --bridge-input-font-size: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     --bridge-brand-name-size: 14px;
     --bridge-title-size: 26px;
     --bridge-chip-display: none;
@@ -174,14 +156,14 @@
  */
 html,
 body {
-  font-family: var(--bridge-font);
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 /* Flat ground. The page was painted with an accent wash behind the header,
    which put a coloured haze under the one panel a person reads numbers off.
    The panel's own edge does the separating now. */
 .bridge-root {
-  font-family: var(--bridge-font);
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   background: var(--bridge-bg);
   color: var(--bridge-text);
   font-size: var(--bridge-body-size);
@@ -200,13 +182,13 @@ body {
 }
 
 .bridge-root button {
-  font-family: inherit;
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   cursor: pointer;
 }
 
 .bridge-root input,
 .bridge-root select {
-  font-family: inherit;
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 /* Native scrollbar polish — applies inside any scroll container in the SDK. */