feat(ui): apply Justine ink & parchment design system

- Map Justine tokens to shadcn CSS variables (--vibn-* aliases)
- Switch fonts to Inter + Lora via next/font (IBM Plex Mono for code)
- Base typography: body Inter, h1–h3 Lora; marketing hero + wordmark serif
- Project shell and global chrome use semantic colors
- Replace Outfit/Newsreader references across TSX inline styles

Made-with: Cursor

app/[workspace]/project/[projectId]/analytics/page.tsx

@@ -43,7 +43,7 @@ type SectionId = typeof SECTIONS[number]["id"];
 const NAV_GROUP: React.CSSProperties = {
   fontSize: "0.6rem", fontWeight: 700, color: "#b5b0a6",
   letterSpacing: "0.09em", textTransform: "uppercase",
-  padding: "14px 12px 6px", fontFamily: "Outfit, sans-serif",
+  padding: "14px 12px 6px", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif",
 };
 
 function AnalyticsInner() {
@@ -60,7 +60,7 @@ function AnalyticsInner() {
     router.push(`/${workspace}/project/${projectId}/analytics?section=${id}`, { scroll: false });
 
   return (
-    <div style={{ display: "flex", height: "100%", fontFamily: "Outfit, sans-serif", overflow: "hidden" }}>
+    <div style={{ display: "flex", height: "100%", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", overflow: "hidden" }}>
 
       {/* Left nav */}
       <div style={{ width: 200, flexShrink: 0, borderRight: "1px solid #e8e4dc", background: "#faf8f5", display: "flex", flexDirection: "column", overflow: "auto" }}>
@@ -126,7 +126,7 @@ function AnalyticsInner() {
 
 export default function AnalyticsPage() {
   return (
-    <Suspense fallback={<div style={{ display: "flex", height: "100%", alignItems: "center", justifyContent: "center", color: "#a09a90", fontFamily: "Outfit, sans-serif", fontSize: "0.85rem" }}>Loading…</div>}>
+    <Suspense fallback={<div style={{ display: "flex", height: "100%", alignItems: "center", justifyContent: "center", color: "#a09a90", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", fontSize: "0.85rem" }}>Loading…</div>}>
       <AnalyticsInner />
     </Suspense>
   );