style(hx-search): font changes

Author: lalithkarikelli

src/scss/components/search/SearchFacade.scss

@@ -10,11 +10,11 @@
 }
 
 @mixin SearchFacadeInvalid {
-  border: 2px solid $red-900;
+  border: 2px solid $red-status-500;
 }
 
 @mixin SearchFacadeInvalidFocus {
-  border: 2px solid $red-900;
+  border: 2px solid $red-status-500;
   box-shadow: $focus-glow-invalid;
 }
 

src/scss/components/search/_index.scss

@@ -106,9 +106,10 @@ hx-search-control {
     -ms-grid-column-span: 3;
     -ms-grid-column: 1;
     -ms-grid-row: 1;
-    color: $gray-800;
+    color: $gray-950;
+    font-weight: 600;
     display: inline-block;
-    font-size: 0.875rem;
+    font-size: 1rem;
     grid-area: lbl;
     justify-self: start;
   }