Update MarketPage styles for active filters summary

- Changed background and text colors in the active filters summary to improve visual consistency and accessibility.
- Updated ARIA attributes to enhance screen reader support for better usability.

These changes refine the user interface and accessibility of the category filtering features in the MarketPage.

src/modules/market/views/MarketPage.vue

@@ -136,15 +136,15 @@
         <!-- Active Filters Summary -->
         <div
           v-if="selectedCategoriesCount > 0"
-          class="mt-4 p-3 bg-blue-50 rounded-lg border border-blue-200"
+          class="mt-4 p-3 bg-accent/50 rounded-lg border border-border"
           role="region"
           aria-label="Active category filters"
           aria-live="polite"
         >
           <div class="flex items-center justify-between">
             <div class="flex items-center gap-2">
-              <Filter class="w-4 h-4 text-blue-600" aria-hidden="true" />
+              <Filter class="w-4 h-4 text-accent-foreground/80" aria-hidden="true" />
-              <span class="text-sm font-medium text-blue-800">
+              <span class="text-sm font-medium text-accent-foreground">
                 Active Filters:
               </span>
               <div class="flex gap-1" role="list" aria-label="Selected category filters">
@@ -159,7 +159,7 @@
                 </Badge>
               </div>
             </div>
-            <div class="text-sm text-blue-600" aria-live="polite">
+            <div class="text-sm text-muted-foreground" aria-live="polite">
               {{ productsToDisplay.length }} products found
             </div>
           </div>