chore(choice tile): new invalid status color

Author: 100stacks

src/scss/components/choice-tile/mixins/_hxChoiceTile.scss

@@ -38,25 +38,25 @@
 // ========== Invalid ==========
 @mixin hxChoiceTile--invalid($pseudo-state: null) {
   @if $pseudo-state == focus {
-    box-shadow: $focus-glow-invalid;
+    box-shadow: 0 0 4px rgba($red-status-500, 0.5);
   }
   @else if $pseudo-state == hover {
-    background-color: $red-100;
-    border-color: $red-900;
+    background-color: $red-status-100;
+    border-color: $red-status-500;
     color: $gray-900;
 
     > header {
       color: inherit;
     }
   }
   @else {
-    border-color: $red-900;
+    border-color: $red-status-500;
     border-width: 2px;
-    color: $red-900;
+    color: $red-status-500;
   }
 
   .hx-tile-icon {
-    color: $red-900;
+    color: $red-status-500;
   }
 }