navlinks3

Author: Aditya Putatunda

index.html

@@ -26,10 +26,10 @@
   .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; }
   .nav-links { display: flex; gap: 1.8rem; list-style: none; }
-  .nav-links a { font-size: 0.92rem; 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(--text); }
-  .nav-links a.active { color: var(--text); }
-  .nav-links a.active::after { content: ''; position: absolute; bottom: -18px; left: 0; right: 0; height: 2px; background: var(--text); }
+  .nav-links a { font-size: 0.92rem; font-weight: 500; color: var(--text); 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; }