Design: Improve hierarchy of portfolio summary cards

[rossgalloway]

TODO

• Summary: Improve visual hierarchy of portfolio summary cards so Total Balance is primary
• Location: Portfolio page summary cards (Total Balance, blended current APY, 30 day APY, etc.)
• Group: portfolio-card-layout
• Branch: root: todo/portfolio-card-layout, work: design/portfolio-card-layout
• Spec: embedded below

Spec

• Context
  The portfolio summary cards currently read as equal weight, making the key metric (Total Balance) less prominent.
• Goals
  • Make Total Balance clearly primary at a glance.
  • Reduce prominence of the other three cards while keeping them readable.
  • Preserve a clean, consistent layout across breakpoints.
• Non-goals
  • Changing the data shown or calculations.
  • Adding or removing cards.
• Proposed implementation (files)
  • Identify the summary card component(s) used on the Portfolio page (pages/portfolio or apps/portfolio).
  • Adjust layout, typography, spacing, or contrast to create hierarchy (e.g., larger card, stronger type scale, accent/background treatment).
  • Add shared tokens or constants if reused elsewhere.
• Acceptance criteria
  • Total Balance card is visibly more prominent than the other cards.
  • Other cards are secondary but legible and aligned.
  • No layout regressions on mobile, tablet, or desktop.
• Manual QA steps
  • Open the Portfolio page on desktop and mobile breakpoints.
  • Verify card prominence, legibility, and alignment.