fix: Most Popular badge visible in light theme

bg-primary Tailwind class had no color mapping, causing white-on-white
text. Use inline CSS variables matching the existing pattern.

Author: ndreno

src/pages/pricing.astro

@@ -51,7 +51,7 @@ import Layout from '../layouts/Layout.astro';
         <!-- Commercial Free -->
         <div class="card flex flex-col h-full border-primary/30 relative">
           <div class="absolute -top-3 left-1/2 -translate-x-1/2">
-            <span class="text-sm font-semibold px-4 py-1 rounded-full bg-primary text-white">Most popular</span>
+            <span class="text-sm font-semibold px-4 py-1 rounded-full" style="background-color: var(--color-primary); color: var(--color-btn-text);">Most popular</span>
           </div>
           <div class="flex-1">
             <h2 class="text-xl font-bold mb-2">Commercial License</h2>