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/LeafletMap.vue

@@ -2,7 +2,7 @@
     <div class="space-y-2">
         <button
             @click="toggleMap"
-            class="flex items-center gap-2 text-sm font-bold text-[#bb5b3e] hover:text-[#a34a31] transition-colors"
+            class="flex items-center gap-2 text-sm font-bold text-accent hover:text-accent-content transition-colors"
         >
             <iconify-icon :icon="isOpen ? 'lucide:chevron-up' : 'lucide:chevron-down'"></iconify-icon>
             {{ isOpen ? 'Hide map' : 'Show map' }}
@@ -11,7 +11,7 @@
         <div
             v-show="isOpen"
             ref="mapContainer"
-            class="w-full h-72 rounded-2xl overflow-hidden border border-[#e5ded7] shadow-sm"
+            class="w-full h-72 rounded-2xl overflow-hidden border border-zinc-300 shadow-sm"
         ></div>
     </div>
 </template>