From 8f42dd146bdb0657069e530cd387ab90cc4ad665 Mon Sep 17 00:00:00 2001
From: Mahmoud Elagamy <mahmoudelagamy474@gmail.com>
Date: Wed, 31 Dec 2025 05:07:13 +0200
Subject: [PATCH] fix(spotlight): resolve undefined --tw-gradient-stops and use
 primary colors

- Add bg-linear-to-tr to generate --tw-gradient-stops variable
- Update default colors to use primary/opacity for dynamic theming
- Fixes radial gradient not displaying with Tailwind gradient classes
---
 components/core/spotlight.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/core/spotlight.tsx b/components/core/spotlight.tsx
index 59012f27..f5bd1196 100644
--- a/components/core/spotlight.tsx
+++ b/components/core/spotlight.tsx
@@ -69,8 +69,8 @@ export function Spotlight({
     <motion.div
       ref={containerRef}
       className={cn(
-        'pointer-events-none absolute rounded-full bg-[radial-gradient(circle_at_center,var(--tw-gradient-stops),transparent_80%)] blur-xl transition-opacity duration-200',
-        'from-zinc-100 via-zinc-200 to-zinc-400 dark:from-zinc-50 dark:via-zinc-100 dark:to-zinc-200',
+        'pointer-events-none absolute rounded-full blur-xl transition-opacity duration-200',
+        'from-primary/5 via-primary/10 to-primary/15 bg-linear-to-tr',
         isHovered ? 'opacity-100' : 'opacity-0',
         className
       )}