diff --git a/frontend-prep/src/components/Navbar.css b/frontend-prep/src/components/Navbar.css
index 49f0c6a8..28566c99 100644
--- a/frontend-prep/src/components/Navbar.css
+++ b/frontend-prep/src/components/Navbar.css
@@ -59,10 +59,10 @@ body {
     align-items: center;
     padding: 0 0.75rem;
     gap: 0.5rem;
-    background: color-mix(in srgb, var(--bg) 92%, transparent);
+    background: color-mix(in srgb, var(--cyan) 18%, var(--bg));
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
-    border-bottom: 1px solid var(--border);
+    border-bottom: 1px solid color-mix(in srgb, var(--cyan) 30%, transparent);
     box-shadow: 0 1px 24px rgba(0, 0, 0, 0.15);
 }
 
@@ -96,7 +96,7 @@ body {
     font-size: 1rem;
     font-weight: 700;
     letter-spacing: 0.02em;
-    background: linear-gradient(135deg, #a78bfa, #7c3aed);
+    background: linear-gradient(135deg, var(--cyan), color-mix(in srgb, var(--cyan) 60%, var(--primary)));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
@@ -386,7 +386,8 @@ body {
 /* ── Footer ── */
 .sidebar-footer {
     padding: 0.75rem;
-    border-top: 1px solid var(--border);
+    border-top: 1px solid color-mix(in srgb, var(--primary) 25%, transparent);
+    background: color-mix(in srgb, var(--primary) 8%, var(--bg));
     display: flex;
     flex-direction: column;
     gap: 0.5rem;