diff --git a/assets/sass/_colors.scss b/assets/sass/_colors.scss
index f499b91..4547821 100644
--- a/assets/sass/_colors.scss
+++ b/assets/sass/_colors.scss
@@ -32,9 +32,9 @@ $colors: (
   text-bg:                $white,
   text-meta:              $grey-dark,
 
-  link:                   $black,
-  link-visited:           $black,
-  link-hover:             $brand,
+  link:                   $brand,
+  link-visited:           $brand,
+  link-hover:             $brand-light,
   link-active:            $red,
 
   link-inverted:          $white,
@@ -60,7 +60,7 @@ $colors: (
   mobile-menu-cover:      rgba($black, .2),
 
   button:                 $brand,
-  button-hover:           $brand-dark,
+  button-hover:           $brand-light,
   button-text:            $white,
   button-text-hover:      $white,
   button-disabled:        $grey,
diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index 6d0c68d..19c112f 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -185,19 +185,19 @@ figure {
 
   a {
     display: block;
-    background-color: var(--color-brand);
+    background-color: var(--color-button);
     color: var(--color-text-bg);
     padding: 2px 8px;
     text-decoration: none;
 
     &:hover,
     &:focus {
-      background-color: var(--color-brand-dark);
+      background-color: var(--color-button-hover);
     }
 
     &:active,
     &[aria-current] {
-      background-color: var(--color-brand);
+      background-color: var(--color-button);
       text-decoration: underline;
     }
   }