fix: improve navbar styling for light theme

Author: AbhijeetMukherjee-ML

web-app/index.html

@@ -364,6 +364,9 @@
             padding: 14px 0;
             background: transparent;
         }
+        [data-theme="light"] .navbar {
+    background: rgba(165, 255, 234, 0.92);
+}
 
         .nav-island {
             max-width: 1240px;
@@ -385,10 +388,10 @@
 
         /* Light Mode Token Architecture for the Floating Component */
         [data-theme="light"] .nav-island {
-            background: rgba(255, 255, 255, 0.8);
-            border-color: rgba(15, 23, 42, 0.08);
-            box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
-        }
+        background: rgba(165, 255, 234, 0.92);
+        border: 1px solid rgba(179, 191, 217, 0.08);
+        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
+}
 
         /* Subtle squeeze effect when scrolling down */
         .navbar.scrolled .nav-island {
@@ -430,7 +433,7 @@
         }
 
         .logo-py { color: #94a3b8; transition: color 0.3s ease; }
-        .logo-mini { color: #ffffff; transition: color 0.3s ease; }
+        .logo-mini { color: var(--text-color); transition: color 0.3s ease; }
         .logo-parens { color: #22c55e; }
 
         [data-theme="light"] .logo-py { color: #64748b; }
@@ -1150,7 +1153,7 @@ <h3>Stay Updated</h3>
             mobileMenuToggle.querySelector("i").className = "fas fa-bars";
         }
     });
-});
+
 document.querySelectorAll('.tab, .sticky-tab').forEach(function(tab) {
     tab.addEventListener('click', function() {
         searchInput.value = '';