diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss
index c1b76af8..e95f2e41 100644
--- a/src/ui/flights/FlightCard.scss
+++ b/src/ui/flights/FlightCard.scss
@@ -123,7 +123,7 @@
     justify-content: center;
     gap: 4px;
     font-size: 12px;
-    color: #5b6b80;
+    color: colors.$light-gray;
     white-space: nowrap;
   }
 
@@ -259,7 +259,7 @@
 
   &__buy-btn {
     background: colors.$orange;
-    color: #fff;
+    color: colors.$white;
     border: none;
     border-radius: vars.$border-radius;
     padding: 10px 24px;
@@ -269,12 +269,12 @@
     text-decoration: none;
     transition: background-color 150ms ease;
 
-    &:hover { background: #e68200; }
+    &:hover { background: colors.$orange--hover; }
   }
 
   &__details-btn {
     background: colors.$blue;
-    color: #fff;
+    color: colors.$white;
     border: none;
     border-radius: vars.$border-radius;
     padding: 10px 24px;
diff --git a/src/ui/flights/TimeGroup.scss b/src/ui/flights/TimeGroup.scss
index 62f4956c..4c674043 100644
--- a/src/ui/flights/TimeGroup.scss
+++ b/src/ui/flights/TimeGroup.scss
@@ -20,7 +20,7 @@
   &__scheduled {
     font-size: 30px;
     font-weight: 300;
-    color: #333;
+    color: colors.$text-color;
     line-height: 1.15;
   }
 
@@ -43,7 +43,7 @@
   &__scheduled--delayed {
     font-size: 12px;
     font-weight: 400;
-    color: #f37b09;
+    color: colors.$orange;
     line-height: 1.3;
     text-decoration: line-through;
   }