デザイントークン＆テーマ設定（Color / Typography / Spacing / Radius）

[tanapl]

関連 Issue

Closes #55

変更内容

• FoR の Semantic Color（Text / Background / Stroke / Button / VisualAccent）を app.css に定義し、shadcn/ui 互換の CSS Variables（--background / --foreground / --primary など）へマッピング
• Typography をトークン化（Zen Kaku Gothic New / Roboto、UI: 10/12/13/16/20 の 130%、Content: Display/Headline/Number/Body/Caption）
• Spacing scale（0,2,4,6,8,12,16,20,24,28,32,40）を Tailwind 運用に組み込み、ベタ値禁止ルールを app/design-tokens.md に明文化
• 代表 UI として Button を実装し、welcome 画面でテーマ反映（Primary/Secondary/Tertiary/Danger + 状態色）を確認可能に
• アイコンの placeholder として lucide-react を導入
• Biome 設定に tailwindDirectives を有効化し、スタイル変更後もチェック可能に調整

動作確認

• ローカル環境で動作確認済み
• テストが通ることを確認済み
• ビルドが成功することを確認済み

スクリーンショット（該当する場合）

• Figma 比較を基にトークン再調整済み
• Welcome 画面で Button / Semantic Color / Typography / Spacing の反映を確認

その他

• Figma スクリーンショットで判別しづらい一部値（特に Tertiary 系）は最小限の推定値を使用しています。正確な token 一覧があれば最終微調整します。