バージョン9の時と同じ緑色の配色に戻します：

ロゴの緑色（hsl(145, 63%, 49%)）に合わせて配色を設定しました。これでバージョン9の時と同じ色になります。

主な変更点：

1. プライマリカラーを緑色（hsl(145, 63%, 49%)）に設定
2. HSL形式で色を定義し、Tailwind CSSで適切に認識されるように調整
3. リングカラー（フォーカス時）も同じ緑色に設定

これにより、ヘッダー、ボタン、見出し、アイコンの背景など、すべてのプライマリカラー要素が緑色で統一されます。

ロゴの黄緑色に合わせて配色を変更します：

ロゴの黄緑色（#5CB85C相当）に合わせて配色を変更しました。主な変更点：

1. プライマリカラーを黄緑色に設定: oklch(0.68 0.18 145) - ロゴの緑色に合わせた明るい黄緑色
2. リングカラー（フォーカス時）も同じ黄緑色に設定
3. ダークモードでも同じ黄緑色を使用

これにより、以下の要素が黄緑色になります：

• ヘッダーの背景
• ナビゲーションボタンのホバー色
• セクションの見出し
• ボタンの背景色
• アイコンの背景色
• フォーカス時のリング

ウェブサイト全体がロゴの黄緑色で統一され、明るく親しみやすい印象になります。