Redesign UI with new token system, primitives, and motion

Restraint-first design language: neutral gray surfaces + one blue accent
(cyan/amber/red reserved for state), 8pt spacing, softer radii, one
ambient + one raised shadow, standardized motion tokens. Alfa Slab One
demoted to BrandMark only; Inter carries all page copy.

New primitives (Button, Card, Badge, Stat, SectionHeader, Skeleton,
EmptyState, Tabs, Breadcrumbs, StatusPip, Field, Input, Select, Textarea)
plus motion utilities (tweenNumber, viewTransition) and a global toast
system. All eight route surfaces rewritten on top: Fleet gains an
overview hero, Server detail restructures into tabs, Deployments gets a
collapsible drift summary + per-server pipeline visual, and the
scripts/configs/plugins/betas flows adopt the new form primitives.

Sticky translucent nav with backdrop blur, view-transition cross-fades
between routes, staggered card entrance on Fleet, breathing status pip
halo, tabular-numeric player counts. Gmail-style g-key nav shortcuts.
Mobile stacks below 720px; prefers-reduced-motion neutralizes durations.
Legacy tokens preserved as aliases so any un-migrated code still renders.

src/lib/ui/styles/fonts.ts

@@ -6,8 +6,14 @@
 // assets. Importing the CSS from JS puts it on the module graph, which
 // Vite *does* walk, so the font binaries end up in
 // build/client/_app/immutable/assets/files/.
+//
+// Global set:
+//   - Inter (400/500/600/700) — everything.
+//   - JetBrains Mono (400/500) — data cells (timestamps, scores, IDs).
+//
+// Alfa Slab One is NOT loaded here — it's used only in BrandMark, which
+// imports its own weight so the rest of the product doesn't pay for it.
 
-import '@fontsource/alfa-slab-one/400.css';
 import '@fontsource/inter/400.css';
 import '@fontsource/inter/500.css';
 import '@fontsource/inter/600.css';