diff --git a/src/app/globals.css b/src/app/globals.css
index c6550b6..bd94283 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -11,7 +11,7 @@
 
   /* Cards & Surfaces */
   --card: #ffffff;
-  --card-hover: #f1f5f9;
+  --card-hover: #e2e8f0;
   --card-border: #e2e8f0;
 
   /* Primary - Cyan/Teal */
@@ -76,7 +76,7 @@
 
   /* Cards & Surfaces */
   --card: #1e293b;
-  --card-hover: #283548;
+  --card-hover: #334155;
   --card-border: #2d3d53;
 
   /* Primary - Cyan/Teal (softened) */
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 542fe84..5f9243d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -659,7 +659,7 @@ function WorkshopCard({
   newHref: string;
 }) {
   return (
-    <div className="group relative overflow-hidden rounded-2xl border-2 border-border bg-card p-8 transition-all hover:border-primary/50 hover:shadow-xl">
+    <div className="group relative overflow-hidden rounded-2xl border-2 border-border bg-card p-8 transition-all hover:border-primary/50 hover:bg-card-hover hover:shadow-xl">
       {/* Accent gradient */}
       <div
         className="absolute inset-x-0 top-0 h-1 opacity-80"