3 files changed, 10 insertions, 12 deletions
diff --git a/assets/scss/_primer/base/base.scss b/assets/scss/_primer/base/base.scss
index 381fa89..8b6fbb0 100644
--- a/assets/scss/_primer/base/base.scss
+++ b/assets/scss/_primer/base/base.scss
@@ -16,12 +16,12 @@ body {
   font-family: $body-font;
   font-size: $body-font-size;
   line-height: $body-line-height;
-  color: $text-gray-dark;
-  background-color: $bg-white;
+  color: var(--color-text-primary);
+  background-color: var(--color-bg-canvas);
 }
 
 a {
-  color: $text-blue;
+  color: var(--color-text-link);
   text-decoration: none;
 
   &:hover {
@@ -45,8 +45,7 @@ hr,
   overflow: hidden;
   background: transparent;
   border: 0;
-  // stylelint-disable-next-line primer/borders
-  border-bottom: $border-width $border-style lighten($gray-300, 5%);
+  border-bottom: $border-width $border-style var(--color-border-secondary);
   @include clearfix();
 }
 
diff --git a/assets/scss/_primer/base/kbd.scss b/assets/scss/_primer/base/kbd.scss
index 7ee4503..033c03a 100644
--- a/assets/scss/_primer/base/kbd.scss
+++ b/assets/scss/_primer/base/kbd.scss
@@ -8,14 +8,13 @@ kbd {
   font: 11px $mono-font;
   // stylelint-disable-next-line primer/typography
   line-height: 10px;
-  // stylelint-disable-next-line primer/colors
-  color: $gray-700;
+  color: var(--color-text-primary);
   vertical-align: middle;
-  background-color: $bg-gray-light;
+  background-color: var(--color-bg-secondary);
   // stylelint-disable-next-line primer/borders
-  border: $border-style $border-width $border-gray-dark;
-  border-bottom-color: $border-gray-dark;
+  border: $border-style $border-width var(--color-border-tertiary);
+  border-bottom-color: var(--color-border-tertiary);
   border-radius: $border-radius;
   // stylelint-disable-next-line primer/box-shadow
-  box-shadow: inset 0 -1px 0 $border-gray-dark;
+  box-shadow: inset 0 -1px 0 var(--color-border-tertiary);
 }
diff --git a/assets/scss/_primer/base/normalize.scss b/assets/scss/_primer/base/normalize.scss
index 95931e7..6a1e3c1 100644
--- a/assets/scss/_primer/base/normalize.scss
+++ b/assets/scss/_primer/base/normalize.scss
@@ -162,7 +162,7 @@ h1 {
 
 mark {
   background-color: #ff0;
-  color: $text-black;
+  color: var(--color-text-primary);
 }
 
 /**