Design tokens & shared UI components

[ardier16]

Describe the feature

Blockers:

• Waiting for design update

Description:
Extract Figma design tokens and implement reusable component library.

Acceptance Criteria:

• Design tokens extracted from Figma:
  • Colors: primary blues, secondary greens, accent yellows, grays, success/error reds
  • Typography: heading sizes, body text, monospace
  • Shadows and border radii
  • Z-index hierarchy
• Tailwind config updated with custom theme matching Figma
• Base components implemented:
  • Button — primary / secondary / danger variants, sizes, loading state
  • Input — text input with error state
  • Select — dropdown with search
  • Modal — dialog container with title, body, footer, close button
  • Card — container with shadow and padding
  • Spinner — loading indicator

Notes:

• Use HeroUI as base
• Use custom variants to override component styles