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-creation/MigrateSetup.tsx

@@ -114,7 +114,7 @@ export function MigrateSetup({ workspace, onClose, onBack }: SetupProps) {
               width: "100%", padding: "11px 14px", marginBottom: 16,
               borderRadius: 8, border: "1px solid #e0dcd4",
               background: "#faf8f5", fontSize: "0.88rem",
-              fontFamily: "Outfit, sans-serif", color: hosting ? "#1a1a1a" : "#a09a90",
+              fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", color: hosting ? "#1a1a1a" : "#a09a90",
               outline: "none", boxSizing: "border-box", appearance: "none",
               backgroundImage: `url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a09a90' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E")`,
               backgroundRepeat: "no-repeat", backgroundPosition: "right 12px center",
@@ -138,7 +138,7 @@ export function MigrateSetup({ workspace, onClose, onBack }: SetupProps) {
               width: "100%", padding: "11px 14px", marginBottom: 16,
               borderRadius: 8, border: "1px solid #e0dcd4",
               background: "#faf8f5", fontSize: "0.9rem",
-              fontFamily: "Outfit, sans-serif", color: "#1a1a1a",
+              fontFamily: "var(--font-inter), ui-sans-serif, sans-serif", color: "#1a1a1a",
               outline: "none", boxSizing: "border-box",
             }}
             onFocus={e => (e.currentTarget.style.borderColor = "#1a1a1a")}