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

components/project-main/FreshIdeaMain.tsx

@@ -103,7 +103,7 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
             display: "flex", alignItems: "center", justifyContent: "space-between",
             gap: 16, flexShrink: 0, borderBottom: "1px solid #333",
           }}>
-            <div style={{ fontSize: "0.8rem", color: "#e8e4dc", fontFamily: "Outfit, sans-serif" }}>
+            <div style={{ fontSize: "0.8rem", color: "#e8e4dc", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif" }}>
               ✦ PRD saved — you can keep refining here or view the full document.
             </div>
             <Link
@@ -130,10 +130,10 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
             borderBottom: "1px solid #333",
           }}>
             <div>
-              <div style={{ fontSize: "0.84rem", fontWeight: 700, color: "#fff", fontFamily: "Outfit, sans-serif", marginBottom: 2 }}>
+              <div style={{ fontSize: "0.84rem", fontWeight: 700, color: "#fff", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", marginBottom: 2 }}>
                 ✦ Discovery complete — what&apos;s next?
               </div>
-              <div style={{ fontSize: "0.72rem", color: "#a09a90", fontFamily: "Outfit, sans-serif" }}>
+              <div style={{ fontSize: "0.72rem", color: "#a09a90", fontFamily: "var(--font-inter), ui-sans-serif, sans-serif" }}>
                 All 6 phases captured. Generate your PRD or jump into Build.
               </div>
             </div>
@@ -145,7 +145,7 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
                   padding: "8px 16px", borderRadius: 7, border: "none",
                   background: "#fff", color: "#1a1a1a",
                   fontSize: "0.8rem", fontWeight: 700,
-                  fontFamily: "Outfit, sans-serif", cursor: "pointer",
+                  fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", cursor: "pointer",
                   transition: "opacity 0.12s",
                 }}
                 onMouseEnter={e => (e.currentTarget.style.opacity = "0.88")}
@@ -160,7 +160,7 @@ export function FreshIdeaMain({ projectId, projectName }: FreshIdeaMainProps) {
                   border: "1px solid rgba(255,255,255,0.2)",
                   background: "transparent", color: "#fff",
                   fontSize: "0.8rem", fontWeight: 600,
-                  fontFamily: "Outfit, sans-serif", cursor: "pointer",
+                  fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", cursor: "pointer",
                 }}
               >
                 Plan MVP →