Drop the old $gray- variables for the new color range

assets/scss/_component-examples.scss

@@ -411,5 +411,5 @@
 }
 .highlight pre code {
   font-size: inherit;
-  color: $gray-dark; // Effectively the base text color
+  color: $gray-900; // Effectively the base text color
 }

assets/scss/_footer.scss

@@ -11,7 +11,7 @@
 
   a {
     font-weight: 500;
-    color: $gray;
+    color: $gray-700;
 
     &:hover,
     &:focus {

assets/scss/_nav.scss

@@ -66,7 +66,7 @@
 
   .dropdown-item.active {
     font-weight: 500;
-    color: $gray-dark;
+    color: $gray-900;
     background-color: transparent;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;

assets/scss/_sidebar.scss

@@ -103,7 +103,7 @@
 
 .bd-search-docs-toggle {
   line-height: 1;
-  color: $gray-dark;
+  color: $gray-900;
 }
 
 .bd-sidenav {