diff --git a/assets/js/main.js b/assets/js/main.js
index 8bf1ddc..b7c3ead 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -72,7 +72,9 @@ document.querySelectorAll('.card').forEach(card => {
         }
         const gx = ((e.clientX - rect.left) / rect.width  * 100).toFixed(1);
         const gy = ((e.clientY - rect.top)  / rect.height * 100).toFixed(1);
-        glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, rgba(255,255,255,0.12) 0%, transparent 65%)`;
+
+        const accent = getComputedStyle(this).getPropertyValue('--accent').trim() || '#6366f1';
+        glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, color-mix(in srgb, ${accent} 35%, white) 0%, transparent 65%)`;
     });
 
     card.addEventListener('mouseleave', function () {