GEL defect and ui changes

styles/sass/components/_cookie-banner.scss

@@ -1,11 +1,7 @@
 .app-cookie-banner {
-    @include govuk-font(16);
-    @include govuk-text-colour;
-
     box-sizing: border-box;
     width: 100%;
 
-    padding-top: govuk-spacing(3);
     padding-right: govuk-spacing(3);
     padding-bottom: govuk-spacing(3);
     padding-left: govuk-spacing(3);

styles/sass/patterns/_card.scss

@@ -68,9 +68,9 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
 }
 
 .card {
-    border: 1px solid $govuk-border-colour; //$panel-colour;
+    border: none;
     font-size: 16px;
-    background-color: govuk-colour("light-grey", $legacy: "grey-4");
+    background-color: $lightgrey_offwhite;
 
     &.inactive {
         color: $govuk-secondary-text-colour;
@@ -87,6 +87,27 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
         *:last-child {
             margin-bottom: 0;
         }
+        a,
+        a:active,
+        a:visited {
+            color: $blue;
+            font-weight: bold;
+            &:hover {
+                color: $lightblue;
+            }
+            &.govuk-button {
+                color: $white;
+                &:focus {
+                    color: $black;
+                    background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
+                }
+            }
+        }
+
+        a:focus {
+            border: $yellow solid 3px;
+            outline: 3px solid transparent;
+        }
 
         &.active {
             background-color: govuk-colour("light-grey", $legacy: "grey-4");

styles/sass/welshgov/_variables.scss

@@ -9,3 +9,45 @@ $lightgrey_mid: #dddddd;
 $lightgrey_semi: #e5e5e5;
 $lightgrey_light: #eeeeee;
 $lightgrey_offwhite: #f1f1f1;
+
+$darkgrey: #666666;
+$midgrey: #999999;
+$lightgrey: #b5b5b5;
+
+$black: #1f1f1f;
+$charcoal: #323232;
+
+$lightgrey_dark: #cccccc;
+$lightgrey_mid: #dddddd;
+$lightgrey_semi: #e5e5e5;
+$lightgrey_light: #eeeeee;
+$lightgrey_offwhite: #f1f1f1;
+
+$darkred: #7e0a0e;
+$red: #aa1111;
+$brightred: #d81f1f;
+$darkpalered: #d87777;
+$palered: #fea8a9;
+$whitered: #ffe4e5;
+
+$darkblue: #1f446d;
+$blue: #0360a6;
+$lightblue: #3b7dc5;
+$brightblue: #4c93ff;
+$paleblue: #99ccff;
+$whiteblue: #c2e0fc;
+
+$darkgreen: #3b510d;
+$green: #019e1e;
+$lightgreen: #01b723;
+$whitegreen: #cdf7d4;
+
+$darkpurple: #772cfe;
+$plum: #632a5d;
+$purple: #a82b71;
+
+$orange: #ff8000;
+$paleorange: #ffdab5;
+
+$yellow: #ffd530;
+$paleyellow: #fff5ce;