diff --git a/public/landing.html b/public/landing.html
index 6cbdc67..465df50 100644
--- a/public/landing.html
+++ b/public/landing.html
@@ -490,12 +490,12 @@
             align-items: center;
             justify-content: space-between;
             padding: 16px 32px;
-            background: rgba(6, 12, 24, 0.7); backdrop-filter: blur(12px);
+            background: var(--surface-800); backdrop-filter: blur(12px);
             border-bottom: 1px solid transparent;
             transition: background 0.3s, border-color 0.3s, backdrop-filter 0.3s;
         }
         .landing-nav.scrolled {
-            background: rgba(6, 12, 24, 0.85);
+            background: var(--surface-800);
             border-color: var(--surface-600);
             backdrop-filter: blur(12px);
         }