diff --git a/assets/_sass/base/_typography.scss b/assets/_sass/base/_typography.scss
index e51d321..68c15e8 100644
--- a/assets/_sass/base/_typography.scss
+++ b/assets/_sass/base/_typography.scss
@@ -113,8 +113,10 @@ h6,
 // Links
 ////////////////////
 
+$link-color: $teal;
+
 a {
-    color: $teal;
+    color: $link-color;
     text-decoration: underline;
     text-decoration-color: transparent;
     text-underline-offset: .15em;
diff --git a/assets/_sass/component/_navigation.scss b/assets/_sass/component/_navigation.scss
index 6618357..eb1db2d 100644
--- a/assets/_sass/component/_navigation.scss
+++ b/assets/_sass/component/_navigation.scss
@@ -113,7 +113,7 @@ $nav-zindex: 10;
         &:hover,
         &:focus,
         &.active {
-            color: $teal;
+            color: $link-color;
         }
     }
 }