JustHold Design Tokens

Theme is shadcn base-nova + Tailwind v4 (@theme inline in app/globals.css). Fonts are registered in lib/fonts.ts. Always use semantic CSS variables/utility classes — never hardcode hex/oklch values in components.

Palette (warm editorial)

• background / foreground: warm cream canvas (light) ↔ cool slate-blue (dark)
• primary: terracotta/clay accent — CTAs, active states, links, brand mark
• card, secondary, muted, accent, border: layered neutrals for surfaces
• gain / loss: market-only colors — use text-[color:var(--color-gain)] style for financial data (price changes, tickers), never generic success/error UI
• Dark mode is a deliberate palette swap via .dark and OS prefers-color-scheme, not inverted lightness

Typography

• font-heading (Fraunces) — headings (h1–h3), card titles, brand wordmark
• font-sans (Geist) — body, nav, UI chrome (default)
• font-mono (Geist Mono) — numbers/prices/tickers, uppercase eyebrow labels (tracking-widest)

Radius