usinhg govuk colour as in https://github.com/alphagov/govuk-frontend/…

…releases/tag/v3.0.0

assets/styles/_colours.scss

@@ -3,10 +3,6 @@ $ho-brand: #8f23b3;
 $black: #0b0c0c;
 $white: #fff;
 $background: #f3f3f3;
-$grey-1: #6F777B;
-$grey-2: #BFC1C3;
-$grey-3: #DEE0E2;
-$grey-4: #F8F8F8;
 
 // secondary colours
 $green: #0a6337;

assets/styles/_govuk-frontend.scss

@@ -6,5 +6,3 @@
 @import 'govuk-frontend/dist/govuk/objects/all';
 
 @import 'govuk-frontend/dist/govuk/overrides/all';
-
-

assets/styles/_typography.scss

@@ -9,7 +9,7 @@ body {
 }
 
 hr {
-  border: 1px solid $grey-2;
+  border: 1px solid govuk-colour('mid-grey');
   margin-bottom: $govuk-gutter;
 }
 

assets/styles/components/_footer.scss

@@ -5,7 +5,7 @@
   margin: 0 auto;
   font-size: 14px;
   font-family: 'Inter UI', sans-serif !important;
-  color: $grey-1;
+  color: govuk-colour('dark-grey');
 }
 
 footer {
@@ -26,7 +26,7 @@ footer {
 
   ul.default-links {
     width: 100%;
-    border-top: 1px solid $grey-1;
+    border-top: 1px solid govuk-colour('dark-grey');
     padding: $govuk-gutter-half 0 0;
 
     li {
@@ -44,8 +44,8 @@ footer {
       margin-right: $govuk-gutter;
 
       h3 {
-        color: $grey-1;
-        border-bottom: 1px solid $grey-1;
+        color: govuk-colour('dark-grey');
+        border-bottom: 1px solid govuk-colour('dark-grey');
         padding-bottom: 5px;
         margin-bottom: 10px;
       }

assets/styles/components/_option-select.scss

@@ -13,7 +13,7 @@
     }
   }
 
-  background-color: $grey-3;
+  background-color: govuk-colour('light-grey');
   padding: 5px;
   margin-bottom: $govuk-gutter;
 
@@ -52,14 +52,14 @@
       cursor: pointer;
       margin-bottom: -1px;
       padding: 5px 8px;
-      background-color: $grey-3;
+      background-color: govuk-colour('light-grey');
 
       &:hover {
-        background-color: $grey-2;
+        background-color: govuk-colour('mid-grey');
       }
 
       &:hover + .options-container {
-        border-color: $grey-2;
+        border-color: govuk-colour('mid-grey');
       }
 
       &[disabled] {
@@ -89,7 +89,7 @@
   background-color: $background;
   overflow-y: auto;
   overflow-x: hidden;
-  border: 5px solid $grey-3;
+  border: 5px solid govuk-colour('light-grey');
 
   .govuk-checkboxes__item {
     @include govuk-media-query($until: tablet) {