fix(landing): scope loader compatibility token

Author: waleedlatif1

apps/sim/app/(landing)/components/hero/components/hero-visual/hero-visual.tsx

@@ -300,7 +300,7 @@ const SEND_BUTTON_INK = {
  */
 const LANDING_LOADER_INK = {
   '--tl-grad-inner': 'var(--text-body)',
-  '--tl-grad-outer': 'var(--landing-loader-outer)',
+  '--tl-grad-outer': 'var(--thinking-loader-outer)',
   '--tl-glow': 'transparent',
 } as CSSProperties
 

apps/sim/app/(landing)/components/navbar/components/logo-mark/logo-mark.tsx

@@ -19,7 +19,7 @@ interface LogoMarkProps {
  */
 const LOADER_INK = {
   '--tl-grad-inner': 'var(--text-body)',
-  '--tl-grad-outer': 'var(--landing-loader-outer)',
+  '--tl-grad-outer': 'var(--thinking-loader-outer)',
   '--tl-glow': 'transparent',
 } as CSSProperties
 

apps/sim/app/(landing)/components/shared/color-mix-fallbacks/color-mix-fallbacks.module.css

@@ -12,7 +12,7 @@
 }
 
 .loaderOuter {
-  --landing-loader-outer: var(--text-body);
+  --thinking-loader-outer: var(--text-body);
 }
 
 .inverseBorder45 {
@@ -70,7 +70,7 @@
   }
 
   .loaderOuter {
-    --landing-loader-outer: color-mix(in srgb, var(--text-body) 76%, var(--white));
+    --thinking-loader-outer: color-mix(in srgb, var(--text-body) 76%, var(--white));
   }
 
   .inverseBorder45 {