Normalize caption/time-note greys to $light-gray (#657282) across FlightCard, CityAutocomplete, details accordion, board header, and filter

src/ui/city-autocomplete/CityAutocomplete.scss

@@ -1,3 +1,5 @@
+@use "../../styles/colors" as colors;
+
 .city-autocomplete {
   display: flex;
   flex-direction: column;
@@ -12,7 +14,7 @@
   }
 
   &__label {
-    color: #8a8a8a;
+    color: colors.$light-gray;
     font-size: 12px;
     white-space: nowrap;
     overflow: hidden;
@@ -40,7 +42,7 @@
       background: transparent;
       cursor: pointer;
       font-size: 18px;
-      color: #8a8a8a;
+      color: colors.$light-gray;
 
       &::before {
         content: "×";
@@ -109,12 +111,12 @@
 
   .country {
     white-space: nowrap;
-    color: #8a8a8a;
+    color: colors.$light-gray;
   }
 
   .airport {
     white-space: nowrap;
-    color: #8a8a8a;
+    color: colors.$light-gray;
   }
 
   &--airport {

src/ui/flights/FlightCard.scss

@@ -62,7 +62,7 @@
 
   &__aircraft {
     font-size: 11px;
-    color: #8a8a8a;
+    color: colors.$light-gray;
     font-weight: normal;
     margin-top: 4px;
   }
@@ -160,7 +160,7 @@
   }
 
   &__detail-label {
-    color: #8a8a8a;
+    color: colors.$light-gray;
     font-size: 14px;
   }
 
@@ -178,7 +178,7 @@
 
   &__detail-caption {
     font-size: 12px;
-    color: #8a8a8a;
+    color: colors.$light-gray;
   }
 
   &__detail-value {