navlinks

Author: Aditya Putatunda

index.html

@@ -24,12 +24,12 @@
   /* Nav */
   nav { position: sticky; top: 0; z-index: 100; background: linear-gradient(135deg, #c7dbe2, #8191a9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
   .nav-inner { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 3rem; }
-  .site-name { font-family: var(--serif); font-weight: 600; font-size: 1.1rem; color: var(--text); text-decoration: none; cursor: pointer; flex-shrink: 0; }
+  .site-name { font-family: var(--serif); font-weight: 600; font-size: 1.1rem; color: #fff; text-decoration: none; cursor: pointer; flex-shrink: 0; }
   .nav-links { display: flex; gap: 1.8rem; list-style: none; }
-  .nav-links a { font-size: 0.82rem; font-weight: 500; color: var(--text-muted); text-decoration: none; letter-spacing: 0.01em; transition: color 0.2s; cursor: pointer; position: relative; }
-  .nav-links a:hover { color: var(--accent); }
-  .nav-links a.active { color: var(--accent); }
-  .nav-links a.active::after { content: ''; position: absolute; bottom: -18px; left: 0; right: 0; height: 2px; background: var(--accent); }
+  .nav-links a { font-size: 0.92rem; font-weight: 500; color: rgba(255,255,255,0.75); text-decoration: none; letter-spacing: 0.01em; transition: color 0.2s; cursor: pointer; position: relative; }
+  .nav-links a:hover { color: #fff; }
+  .nav-links a.active { color: #fff; }
+  .nav-links a.active::after { content: ''; position: absolute; bottom: -18px; left: 0; right: 0; height: 2px; background: #fff; }
   .mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; color: var(--text); }
   .mobile-toggle svg { width: 20px; height: 20px; }