[Design] Refine font usage — Lora for headlines/content only, Inter for everything else

[realproject7]

Summary

Currently Lora (serif) is applied too broadly — it's the default font for everything including numbers, stats, info sections, and metadata. Following Claude.ai's pattern, Lora should only be used for:

• Headlines (h1–h6)
• Story/prose content (plot text, descriptions, long-form body text)

Everything else should use Inter (sans-serif), especially:

• Numbers, stats, prices, balances, token amounts
• Info sections (Token Information, stats grids, TVL, plot counts)
• Labels, captions, metadata text
• Dates, timestamps
• Filter tokens, badges, tags
• Any data-oriented display

Changes needed

src/app/globals.css

• Change --default-font-family from Lora to Inter — this makes Inter the base default
• Keep h1, h2, h3, h4, h5, h6 rule with Lora
• Add a .font-serif or .prose utility class for story content areas that should use Lora
• The body font-family should be Inter (default), not Lora

Components to check

• StoryCard: title should stay Lora, but TVL/plot count below should be Inter
• Story detail page: plot content in ruled paper = Lora, stats/metadata = Inter
• Token page: all numbers, prices, market cap = Inter. Section headings = Lora
• Home page: hero headline = Lora, subtitle = Inter
• Dashboards: all data/stats = Inter
• TradingWidget: all numbers, balances, estimates = Inter (already in nav, button, input rule)
• FilterBar: already Inter via nav rule

Rule of thumb

If it's something you read (prose, narrative, creative writing) → Lora
If it's something you scan (numbers, labels, data, UI) → Inter

Mark revert point

Post HEAD commit hash in PR before changes.

Acceptance Criteria

• Inter is the default body font
• Lora only on headlines and prose/story content
• Numbers, stats, prices, metadata all render in Inter
• Story plot text still renders in Lora
• Ruled paper text alignment still works
• Revert point documented in PR
• Build passes

Branch

task/465-font-refinement in plotlink repo