feat(FN-212): tune plan card backgrounds, borders, and elevation for light/dark mode

Commits merged:
- feat(FN-212): tune plan card backgrounds, borders, and elevation for light/dark mode

Files changed:
.../src/routes/dashboard/subscription/__tests__/index.test.tsx    | 2 +-
 apps/web/src/routes/dashboard/subscription/index.tsx              | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

Fusion-Task-Id: FN-212

apps/web/src/routes/dashboard/subscription/__tests__/index.test.tsx

@@ -353,7 +353,7 @@ describe("rendering", () => {
       // The popular badge is inside a <Badge> element; walk up to the Card
       const popularCard = cardBadge.closest('[class*="rounded-xl"]');
       expect(popularCard).toBeTruthy();
-      expect(popularCard?.className).toContain("shadow-xl");
+      expect(popularCard?.className).toContain("shadow-brand");
     });
 
     it("only one plan card has popular badge", () => {

apps/web/src/routes/dashboard/subscription/index.tsx

@@ -860,10 +860,12 @@ export function SubscriptionPage() {
                 className={`relative transition-all hover:shadow-md ${
                   isCurrentPlan ? "" : "cursor-pointer"
                 } ${
-                  isSelected && !isCurrentPlan ? "border-primary ring-2 ring-primary/20" : ""
-                } ${isCurrentPlan ? "border-green-500/50 bg-green-50/50 dark:bg-green-950/10" : ""} ${
+                  isSelected && !isCurrentPlan
+                    ? "border-primary ring-2 ring-primary/20 dark:ring-primary/25"
+                    : ""
+                } ${isCurrentPlan ? "border-green-500/50 bg-green-50/50 dark:border-green-500/30 dark:bg-green-950/20" : ""} ${
                   plan.popular && !isCurrentPlan
-                    ? "border-primary ring-2 ring-primary/30 shadow-xl dark:shadow-primary/10 bg-primary/5"
+                    ? "border-primary/40 dark:border-primary/25 ring-2 ring-primary/25 dark:ring-primary/20 shadow-brand bg-primary/[0.07] dark:bg-primary/[0.10]"
                     : ""
                 }`}
                 onClick={isCurrentPlan ? undefined : () => handleSelectPlan(plan.key)}