Improve UI Focus Consistency

src/app/components/dropdown/dropdown.scss

@@ -5,8 +5,6 @@
 $dropdown_bg: oklch(1 0 0); // #FFFFFF
 $dropdown_border_color: oklch(0 0 0 / 20%);
 $dropdown_hover: oklch(0.9702 0 0); // #F5F5F5
-$dropdown_selected: oklch(0.9738 0.0151 54.93); // #FFF4ED
-$dropdown_accent: oklch(0.7086 0.1896 39.86); // #FF6E37
 
 $dropdown_height: 40px;
 $dropdown_border_radius: 8px;
@@ -23,7 +21,6 @@ $dropdown_animation_duration: 0.2s;
   background-color: $dropdown_bg;
   border-radius: $dropdown_border_radius;
   box-shadow: 0 0 0 1px $dropdown_border_color inset;
-  outline: none;
   cursor: pointer;
 
   max-width: 100%;
@@ -32,10 +29,6 @@ $dropdown_animation_duration: 0.2s;
   &.reduce-motion {
     --dropdown-duration: 0s;
   }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 1px $dropdown_border_color inset, 0 0 0 2px white, 0 0 0 4px $dropdown_accent;
-  }
 }
 
 .dropdown-box {
@@ -122,8 +115,8 @@ $dropdown_animation_duration: 0.2s;
   }
 
   &.selected {
-    background-color: $dropdown_selected;
-    color: $dropdown_accent;
+    background-color: list.nth(library.$brand_palette, 1);
+    color: list.nth(library.$brand_palette, 5);
     font-weight: 600;
   }
 }