Replace custom brand hex with design tokens ($blue, $orange, $green, $red) across 13 SCSS files

src/ui/city-autocomplete/CityAutocomplete.scss

@@ -61,7 +61,7 @@
   }
 
   &__input--has-error {
-    box-shadow: 0 0 0 1px #e55353;
+    box-shadow: 0 0 0 1px colors.$red;
   }
 
   &__search-button {
@@ -79,7 +79,7 @@
     &::before {
       content: "▾";
       display: inline-block;
-      color: #2457ff;
+      color: colors.$blue;
     }
 
     &:hover {
@@ -125,7 +125,7 @@
 }
 
 .tooltip {
-  color: #e55353;
+  color: colors.$red;
   font-size: 12px;
   margin-bottom: 4px;
 }

src/ui/city-autocomplete/CityPickerPopup.scss

@@ -20,7 +20,7 @@
       background-color: #f3f9ff;
       border: none;
       border-right: 1px solid colors.$border-input;
-      color: #2457ff;
+      color: colors.$blue;
       font-weight: 700;
       font-size: 14px;
       cursor: pointer;

src/ui/flights/FlightCard.scss

@@ -196,9 +196,9 @@
     // Angular shows a leading dot whose colour matches the boarding state.
     // Default is grey ('Уточняется' / 'Запланирован'); active states get
     // coloured dots.
-    &--finished .flight-card__status-dot { background: #41b04c; }
-    &--inprogress .flight-card__status-dot { background: #2060c0; }
-    &--expected .flight-card__status-dot { background: #ff9000; }
+    &--finished .flight-card__status-dot { background: colors.$green; }
+    &--inprogress .flight-card__status-dot { background: colors.$blue; }
+    &--expected .flight-card__status-dot { background: colors.$orange; }
     &--specified .flight-card__status-dot { background: #8a8a8a; }
     &--scheduled .flight-card__status-dot { background: #8a8a8a; }
   }
@@ -258,7 +258,7 @@
   }
 
   &__buy-btn {
-    background: #ff9000;
+    background: colors.$orange;
     color: #fff;
     border: none;
     border-radius: 4px;
@@ -284,7 +284,7 @@
     transition: background-color 150ms ease;
 
     &:hover {
-      background: #1c45cc;
+      background: colors.$blue--hover;
     }
   }
 

src/ui/flights/FlightStatus.scss

@@ -26,11 +26,11 @@
 
   // Mirror the icon colour on the label so "Отменен"/"Прибыл"/"В полете"
   // read at a glance (Angular does the same).
-  &--cancelled &__label { color: #e55353; }
+  &--cancelled &__label { color: colors.$red; }
   &--arrived &__label,
-  &--landed &__label { color: #6da244; }
+  &--landed &__label { color: colors.$green; }
   &--in-flight &__label,
-  &--departed &__label { color: #2457ff; }
+  &--departed &__label { color: colors.$blue; }
   &--delayed &__label { color: #f29f3a; }
 
   &__content {