diff --git a/app/index.html b/app/index.html
index c813133..ab6d934 100644
--- a/app/index.html
+++ b/app/index.html
@@ -448,7 +448,7 @@ body {
   border: none;
   cursor: pointer;
   padding: 0.4rem;
-  color: var(--font-colour);
+  color: var(--nav-link-colour, var(--font-colour));
   z-index: 150;
 }
 .hamburger svg { width: 22px; height: 22px; }
@@ -627,17 +627,17 @@ body {
   padding: 0.55rem 0.85rem;
   cursor: pointer;
   font-size: 0.88rem;
-  color: var(--font-colour);
+  color: var(--nav-link-colour, var(--font-colour));
   border-bottom: 1px solid var(--divider);
   transition: background 0.1s;
 }
 .category-option:last-child { border-bottom: none; }
 .category-option:hover { background: var(--nav-hover-bg); }
-.category-option.active { background: var(--nav-active-bg); color: var(--accent); font-weight: 600; }
+.category-option.active { background: var(--nav-active-bg); color: var(--nav-link-active-colour, var(--accent)); font-weight: 600; }
 .category-option .secondary {
   display: block;
   font-size: 0.75rem;
-  color: var(--font-colour-muted);
+  color: var(--nav-section-heading-colour, var(--font-colour-muted));
   margin-top: 0.15rem;
 }