From 83c4955b9be7c9bd4a62342f2a9bda9195b3a109 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Wed, 28 Jan 2026 00:12:58 -0700
Subject: [PATCH] Refine fog visibility - sharper cloud definitions and reduced
 transparency

---
 public/smoke.svg              | 2 +-
 src/app/globals.css           | 8 ++++----
 src/components/UserHeader.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/smoke.svg b/public/smoke.svg
index 03d5e17..5178c04 100644
--- a/public/smoke.svg
+++ b/public/smoke.svg
@@ -5,7 +5,7 @@
       baseFrequency="0.04" 
       numOctaves="6" 
       stitchTiles="stitch" />
-     <feColorMatrix type="matrix" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  1.8 0 0 -0.4 0"/>
+     <feColorMatrix type="matrix" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  3 -1.5 0 0.2 0"/>
   </filter>
   <rect width="100%" height="100%" filter="url(#noiseFilter)"/>
 </svg>
diff --git a/src/app/globals.css b/src/app/globals.css
index 570a8c3..dd94f1b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -593,8 +593,8 @@
   background-repeat: repeat;
   background-size: 400px 400px;
   animation: fog-drift 45s linear infinite;
-  opacity: 0.8;
-  filter: blur(15px);
+  opacity: 0.9;
+  filter: blur(8px);
 }
 
 .fog-layer-2 {
@@ -603,6 +603,6 @@
   background-size: 350px 350px;
   animation: fog-drift 35s linear infinite reverse;
   animation-delay: -10s;
-  opacity: 0.6;
-  filter: blur(10px);
+  opacity: 0.7;
+  filter: blur(5px);
 }
\ No newline at end of file
diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index 75050f7..e539a70 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -233,7 +233,7 @@ export function UserHeader({ user, preferences }: UserHeaderProps) {
           {/* Subtle moving fog layers - CSS procedural animation */}
           <div
             className={cn(
-              "absolute inset-0 z-10 opacity-30 pointer-events-none transition-all duration-1000",
+              "absolute inset-0 z-10 opacity-20 pointer-events-none transition-all duration-1000",
               theme === 'dark' ? "mix-blend-screen" : "mix-blend-multiply"
             )}
             style={{ filter: theme === 'dark' ? 'invert(1)' : 'none' }}