diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index f9479a25..aed880df 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -6,7 +6,7 @@
   padding: 0 24px;
 
   &__accordion {
-    border-top: 1px solid #e0e6f0;
+    border-top: 1px solid colors.$border;
   }
 
   // 'Расписание рейса' header — 16px / 400 / #333 to match the sibling
@@ -123,7 +123,7 @@
     color: #333;
 
     &--inactive {
-      border-color: #e8edf3;
+      border-color: colors.$border;
       color: #657282;
     }
   }
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index 68e125bb..ebdd3905 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -20,7 +20,7 @@
 
   &__item {
     padding: 12px 14px;
-    border-bottom: 1px solid #e8edf3;
+    border-bottom: 1px solid colors.$border;
     text-decoration: none;
     color: inherit;
     display: block;
@@ -31,12 +31,12 @@
     }
 
     &:hover {
-      background: #f0f4fa;
+      background: colors.$blue-extra-light;
     }
 
     &--selected {
       box-shadow: inset 0 0 0 2px #2457ff;
-      background: #f7faff;
+      background: colors.$blue-extra-light;
     }
   }
 
diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index 92770d9c..b2e2df6f 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -1,8 +1,10 @@
+@use "../../../../styles/colors" as colors;
+
 .flight-details-accordion {
   margin-top: 16px;
 
   .p-accordion-tab {
-    border-top: 1px solid #e0e6f0;
+    border-top: 1px solid colors.$border;
     overflow: hidden;
   }
 
@@ -35,8 +37,6 @@
 // dotted separator between rows.
 // ---------------------------------------------------------------------------
 
-@use "../../../../styles/colors" as colors;
-
 .details-rows {
   display: flex;
   flex-direction: column;
diff --git a/src/features/schedule/components/DayGroupedFlightList.scss b/src/features/schedule/components/DayGroupedFlightList.scss
index f66a5bee..f1b51f7a 100644
--- a/src/features/schedule/components/DayGroupedFlightList.scss
+++ b/src/features/schedule/components/DayGroupedFlightList.scss
@@ -17,7 +17,7 @@
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.04em;
-    border-bottom: 1px solid #e8edf3;
+    border-bottom: 1px solid colors.$border;
 
     // The first two header labels span the first two grid columns.
     > span:nth-child(1) { grid-column: 1; }
@@ -53,7 +53,7 @@
   }
 
   &__group {
-    border: 1px solid #e8edf3;
+    border: 1px solid colors.$border;
     border-radius: 6px;
     overflow: hidden;
     background: #fff;
@@ -64,13 +64,13 @@
     align-items: center;
     gap: 12px;
     padding: 12px 18px;
-    background: #f6f9fd;
-    border-bottom: 1px solid #e8edf3;
+    background: colors.$blue-extra-light;
+    border-bottom: 1px solid colors.$border;
     cursor: pointer;
     user-select: none;
 
     &:hover {
-      background: #eef3fa;
+      background: colors.$blue-extra-light;
     }
 
     &:focus-visible {
diff --git a/src/features/schedule/components/ScheduleSearchPage.scss b/src/features/schedule/components/ScheduleSearchPage.scss
index eb349d78..44de3547 100644
--- a/src/features/schedule/components/ScheduleSearchPage.scss
+++ b/src/features/schedule/components/ScheduleSearchPage.scss
@@ -36,7 +36,7 @@
 .schedule-direction-switch {
   display: flex;
   gap: 0;
-  background: #f6f9fd;
+  background: colors.$blue-extra-light;
   border-bottom: 1px solid colors.$border;
 
   &__btn {
@@ -58,7 +58,7 @@
     &:last-child { border-right: 0; }
 
     &:hover {
-      background: #eef3fa;
+      background: colors.$blue-extra-light;
       color: colors.$blue;
     }
 
diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss
index 431fd113..dbe7e079 100644
--- a/src/ui/flights/FlightCard.scss
+++ b/src/ui/flights/FlightCard.scss
@@ -14,7 +14,7 @@
   }
 
   &--expanded {
-    background: #f3f6fb;
+    background: colors.$blue-extra-light;
     border-left: 3px solid colors.$blue;
   }
 
@@ -143,7 +143,7 @@
     display: flex;
     flex-direction: column;
     gap: vars.$space-m;
-    background: #f8fafd;
+    background: colors.$blue-extra-light;
   }
 
   &__detail-row {
@@ -151,7 +151,7 @@
     grid-template-columns: 140px 1fr 1fr;
     gap: vars.$space-xl;
     padding: vars.$space-m 0;
-    border-bottom: 1px dashed #e0e6f0;
+    border-bottom: 1px dashed colors.$border;
     align-items: flex-start;
 
     &:last-child {