[Dev] Implement refreshed visual system and homepage

[hta218]

Context

After the Maison visual system and homepage designs are approved, the theme needs implementation in code and Weaverse sections.

Goal

Implement the approved Maison visual system and premium homepage experience.

Scope

• Implement updated design tokens/styles from Figma
• Update core layout styles, typography, spacing, buttons, cards, badges, and forms
• Implement homepage sections from the approved design
• Ensure Weaverse section schemas are clear and merchant-friendly
• Add sensible presets/default content for the demo store
• Polish desktop and mobile responsive behavior

Blocked by

• [Design] Refresh visual system and theme style guide
• [Design] Redesign homepage for premium demo store

Acceptance criteria

• Approved visual system is implemented.
• Homepage matches approved Figma direction closely.
• Sections have clean schemas, defaults, and presets.
• Mobile layout is polished.
• Build/typecheck/lint pass.
• Screenshots or preview URL are provided for review.

Verification

Run and report actual output for build/typecheck/lint and provide a preview/screenshot for visual QA.

Metadata

• Theme: Maison
• Track: Theme Refresh
• Priority: High
• Milestone: July-2026