Final token sweep: pastel blues, blues, greys to design tokens (8 files)

src/ui/city-autocomplete/CityAutocomplete.scss

@@ -88,7 +88,7 @@
     }
 
     &--opened {
-      background-color: #eef3ff !important;
+      background-color: colors.$blue-extra-light !important;
     }
   }
 }

src/ui/city-autocomplete/CityPickerPopup.scss

@@ -18,7 +18,7 @@
     .tab-button {
       flex-grow: 1;
       padding: 10px;
-      background-color: #f3f9ff;
+      background-color: colors.$blue-extra-light;
       border: none;
       border-right: 1px solid colors.$border-input;
       color: colors.$blue;
@@ -30,11 +30,11 @@
 
       &.active {
         background-color: #ffffff;
-        color: #333;
+        color: colors.$text-color;
       }
 
       &:hover {
-        background-color: #e8f1ff;
+        background-color: colors.$blue-extra-light;
       }
     }
   }
@@ -83,11 +83,11 @@
           border-radius: vars.$border-radius;
           transition-duration: 0.1s;
 
-          &:hover { background-color: #f3f9ff; }
+          &:hover { background-color: colors.$blue-extra-light; }
         }
 
         &.city-active .city--item {
-          background-color: #dfe8ff;
+          background-color: colors.$blue-icon;
         }
 
         .airports-column {
@@ -105,7 +105,7 @@
   }
 
   .city-autocomplete-popup-footer {
-    background: #f3f9ff;
+    background: colors.$blue-extra-light;
     border-top: 1px solid colors.$border-input;
 
     .gps-contaner {