diff --git a/frontend/src/components/AppHeader.vue b/frontend/src/components/AppHeader.vue
index 9f52698..4be5a93 100644
--- a/frontend/src/components/AppHeader.vue
+++ b/frontend/src/components/AppHeader.vue
@@ -208,7 +208,7 @@ router.afterEach(() => {
 }
 
 .nav-link {
-  color: var(--color-text-muted);
+  color: var(--color-text-secondary);
   text-decoration: none;
   font-size: 0.82rem;
   padding: 0.3rem 0.75rem;
@@ -216,11 +216,11 @@ router.afterEach(() => {
   transition: background 0.15s, color 0.15s;
 }
 .nav-link:hover {
-  color: var(--color-text-secondary);
+  color: var(--color-text);
   background: var(--color-primary-tint);
 }
 .nav-link.router-link-active {
-  color: #c4b5fd;
+  color: var(--color-primary-solid);
   font-weight: 600;
   background: rgba(124, 58, 237, 0.25);
   box-shadow: 0 0 16px rgba(124, 58, 237, 0.3);