refactor: migrate from hardcoded hex colors to Tailwind CSS color tokens

Replace all hardcoded hex color values with semantic Tailwind design tokens:
- `#bb5b3e` → `accent`
- `#a34a31` → `accent-content` / `primary-dark`
- `#4a3f3b`, `#89726c` → `zinc-800`, `zinc-500`
- `#e5ded7`, `#faf6f3` → `zinc-300`, `zinc-50`
- `#8

resources/js/components/StationList.vue

@@ -9,8 +9,8 @@
                 :class="[
                     'px-4 py-1.5 rounded-full text-sm font-bold transition-colors',
                     currentSort === option.value
-                        ? 'bg-[#bb5b3e] text-white'
-                        : 'bg-white border border-[#e5ded7] text-[#89726c] hover:border-[#bb5b3e]'
+                        ? 'bg-accent text-white'
+                        : 'bg-white border border-zinc-300 text-zinc-500 hover:border-accent'
                 ]"
             >
                 {{ option.label }}
@@ -18,7 +18,7 @@
         </div>
 
         <!-- Count -->
-        <p class="text-sm text-[#89726c] font-medium">
+        <p class="text-sm text-zinc-500 font-medium">
             {{ stations.length }} station{{ stations.length !== 1 ? 's' : '' }} found
         </p>