diff --git a/apps/web/components/neighborhood/neighborhood-poi-map.tsx b/apps/web/components/neighborhood/neighborhood-poi-map.tsx
index a93f1f8..41de073 100644
--- a/apps/web/components/neighborhood/neighborhood-poi-map.tsx
+++ b/apps/web/components/neighborhood/neighborhood-poi-map.tsx
@@ -195,10 +195,11 @@ export function NeighborhoodPOIMap({
       filter: ['has', 'point_count'],
       paint: {
         // Small clusters: primary; medium: amber; large: red
+        // (Mapbox-gl's color parser rejects `hsl(var(--…))` — use literal hex)
         'circle-color': [
           'step',
           ['get', 'point_count'],
-          'hsl(var(--primary))',
+          '#22c55e', // primary (emerald-500) — matches design-system token
           5,
           '#f59e0b',
           20,