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;
   }
 }

src/app/components/switch/switch.scss

@@ -2,7 +2,6 @@
 @use "sass:list";
 @use "styles/library" as library;
 
-$switch_on_bg: oklch(0.7086 0.1896 39.86); // #FF6E37
 $switch_off_bg: oklch(0.683 0 0); // #999999
 
 $switch_dimension: (57px, 30px);
@@ -23,7 +22,6 @@ $switch_animation_duration: 0.2s;
   position: relative;
   overflow: hidden;
   box-shadow: 0 0 0 1px $switch_border_color inset;
-  outline: none;
 
   --switch-duration: #{$switch_animation_duration};
   transition: background-color var(--switch-duration) $switch_animation_timing;
@@ -38,12 +36,8 @@ $switch_animation_duration: 0.2s;
     }
   }
 
-  &:focus-visible {
-    box-shadow: 0 0 0 1px $switch_border_color inset, 0 0 0 2px white, 0 0 0 4px $switch_on_bg;
-  }
-
   &.active {
-    background-color: $switch_on_bg;
+    background-color: list.nth(library.$brand_palette, 5);
 
     .switch-knob {
       transform: translate(

src/app/features/header-menu/header-menu.scss

@@ -25,7 +25,7 @@
     gap: 48px;
 
     .menu-item, a:not(.settings) {
-      all: unset; /* 기본 스타일 제거 */
+      text-decoration: none;
       font-size: 18px;
       height: 40px;
       align-content: center;
@@ -73,6 +73,7 @@
       justify-content: start;
       gap: 0;
       cursor: pointer;
+      margin-left: 10px;
 
       &:hover {
         opacity: 0.7;
@@ -81,7 +82,7 @@
       img {
         display: inline-block;
         height: 20px;
-        padding: 10px;
+        padding: 10px 10px 10px 0;
       }
 
       strong {
@@ -102,7 +103,7 @@
 
     .settings {
       border: none;
-      outline: none;
+      border-radius: 100%;
       background-color: inherit;
       padding: 0;