From bbf3f7689d91b03f45ab1853a9d9e7ebfac577ad Mon Sep 17 00:00:00 2001
From: Daniel Bedeleanu <bede@tfm.ro>
Date: Sat, 25 Apr 2026 13:04:19 +0300
Subject: [PATCH] style(frontend): refactor StatCard for DESIGN.md compliance

- Replaced 'hover:bg-surface-bright' with 'hover:bg-black/40'
---
 frontend/components/StatCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/StatCard.tsx b/frontend/components/StatCard.tsx
index 174ed375..ecea10e6 100644
--- a/frontend/components/StatCard.tsx
+++ b/frontend/components/StatCard.tsx
@@ -9,7 +9,7 @@ interface StatCardProps {
 
 export default function StatCard({ label, value, icon: Icon }: StatCardProps) {
   return (
-    <div className="flex justify-between items-center gap-2 p-2 md:p-3 bg-surface-container border border-border transition-all hover:bg-surface-bright" role="status">
+    <div className="flex justify-between items-center gap-2 p-2 md:p-3 level-1 transition-all hover:bg-black/40" role="status">
       <div className="flex items-center gap-2.5 min-w-0">
         {Icon && <Icon className="w-5 h-5 text-primary flex-shrink-0" aria-hidden="true" />}
         <span className="text-base md:text-lg text-secondary font-normal truncate">