Use CSS variables

src/features/search/components/Searchbar.vue

@@ -78,7 +78,7 @@ const submitSearch = function () {
     border: none;
     padding: var(--submit-button-padding-y) 20px;
     background: var(--primary-color);
-    color: white;
+    color: var(--white);
     cursor: pointer;
     white-space: nowrap;
 }

src/features/search/views/SearchResultsView.vue

@@ -57,7 +57,7 @@ searchQueryModel.value = props.searchQuery;
     display: flex;
     justify-content: center;
     flex-direction: column;
-    outline: 1px solid #dadada;
+    outline: 1px solid var(--light-d-2);
 }
 
 @media (max-width: 48rem) {