Add hover state

Author: djanelle-mit

app/assets/stylesheets/partials/_search.scss

@@ -9,6 +9,10 @@
   text-decoration: underline;
   text-decoration-color: $color-red-500;
   text-underline-offset: 0.5rem;  
+
+  &:hover {
+    color: $color-red-400;
+  }
 }
 
 /* New USE UI search styles */
@@ -237,6 +241,7 @@
     &:hover {
       border-color: $color-gray-700;
       background-color: $color-gray-900;
+      color: $color-text-oncolor;
     }
 
     &.active {

app/assets/stylesheets/partials/_variables.scss

@@ -16,6 +16,8 @@ $color-gray-950: #1a1a1a;
 $color-gray-975: #191919;
 
 // RED
+$color-red-300: #FF6666;
+$color-red-400: #FF3333;
 $color-red-500: #ff0000;
 $color-red-600: #e50000;