diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index 1d5ba540..8546b6f7 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -1,5 +1,6 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/variables" as vars;
+@use "../../../../styles/fonts" as fonts;
 
 .board-details-header {
   // Mirrors Angular's board-details-header host styling:
@@ -68,12 +69,12 @@
   &__flight-number {
     display: flex;
     flex-direction: column;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     font-size: 18px;
   }
   &__primary {
     font-size: 18px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     color: colors.$text-color;
   }
   &__codesharing {
diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index 7a0d80ca..b8a75a0d 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -1,5 +1,6 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/variables" as vars;
+@use "../../../../styles/fonts" as fonts;
 
 // Matches Angular's date-tabs row. Single flat row, 48px tall, 7 tabs per
 // page flanked by 50px carousel arrows. Active tab has white bg + dark
@@ -59,7 +60,7 @@
   background: colors.$blue-extra-light;
   color: colors.$blue;
   font-size: 12px;
-  font-weight: 500;
+  font-weight: fonts.$font-medium;
   border: 0;
   border-right: 1px solid colors.$border;
   border-bottom: 1px solid colors.$border;
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index ba36d8d7..5fa4f835 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -1,6 +1,7 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/screen" as screen;
 @use "../../../../styles/variables" as vars;
+@use "../../../../styles/fonts" as fonts;
 
 .mini-list {
   display: flex;
@@ -91,7 +92,7 @@
   // (dark navy) to match Angular's big time-group.
   &__time {
     font-size: 20px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     color: colors.$blue-dark;
     line-height: 1;
   }
diff --git a/src/features/online-board/components/OnlineBoardSearchPage.scss b/src/features/online-board/components/OnlineBoardSearchPage.scss
index b64ea8fd..4be1076a 100644
--- a/src/features/online-board/components/OnlineBoardSearchPage.scss
+++ b/src/features/online-board/components/OnlineBoardSearchPage.scss
@@ -60,7 +60,7 @@
     border-radius: vars.$border-radius;
     cursor: pointer;
     font-size: 14px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     transition: background-color 150ms ease;
 
     &:hover {
@@ -143,7 +143,7 @@
   padding: 2px vars.$space-s2;
   border-radius: vars.$border-radius;
   font-size: 12px;
-  font-weight: 500;
+  font-weight: fonts.$font-medium;
 
   &--live {
     background-color: colors.$green;
diff --git a/src/features/online-board/components/TransferBar/TransferBar.scss b/src/features/online-board/components/TransferBar/TransferBar.scss
index 0d5dc29c..5e1b0bb6 100644
--- a/src/features/online-board/components/TransferBar/TransferBar.scss
+++ b/src/features/online-board/components/TransferBar/TransferBar.scss
@@ -1,5 +1,6 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/variables" as vars;
+@use "../../../../styles/fonts" as fonts;
 
 // Mirrors Angular's `transfer.component` host:
 //   background: $blue-extra-light (#f3f9ff), border: 1px $blue-light2,
@@ -34,7 +35,7 @@
     flex-wrap: wrap;
   }
 
-  &__type { font-weight: 500; }
+  &__type { font-weight: fonts.$font-medium; }
 
   &__times { color: colors.$blue-dark; }
 
@@ -48,6 +49,6 @@
 }
 
 .transfer-time {
-  font-weight: 500;
+  font-weight: fonts.$font-medium;
   color: colors.$orange;
 }
diff --git a/src/features/schedule/components/DayGroupedFlightList.scss b/src/features/schedule/components/DayGroupedFlightList.scss
index 6aec5428..5c0726be 100644
--- a/src/features/schedule/components/DayGroupedFlightList.scss
+++ b/src/features/schedule/components/DayGroupedFlightList.scss
@@ -1,5 +1,6 @@
 @use "../../../styles/colors" as colors;
 @use "../../../styles/variables" as vars;
+@use "../../../styles/fonts" as fonts;
 
 .day-grouped-flight-list {
   display: flex;
@@ -16,7 +17,7 @@
     padding: 14px 24px;
     color: colors.$light-gray;
     font-size: 11px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     text-transform: uppercase;
     letter-spacing: 0.04em;
     border-bottom: 1px solid colors.$border;
@@ -94,7 +95,7 @@
     margin: 0;
     color: colors.$blue-dark;
     font-size: 18px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
   }
 
   &__chevron {
diff --git a/src/features/schedule/components/ScheduleSearchPage.scss b/src/features/schedule/components/ScheduleSearchPage.scss
index b7894d15..9b221c86 100644
--- a/src/features/schedule/components/ScheduleSearchPage.scss
+++ b/src/features/schedule/components/ScheduleSearchPage.scss
@@ -59,7 +59,7 @@
     border: 1px solid colors.$extra-blue;
     color: colors.$extra-blue;
     font-size: 12px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     line-height: 16px;
     cursor: pointer;
     transition: background-color 120ms ease, color 120ms ease;
diff --git a/src/ui/calendar/DayQuickPick.scss b/src/ui/calendar/DayQuickPick.scss
index b9b1c4a1..e6fa24a5 100644
--- a/src/ui/calendar/DayQuickPick.scss
+++ b/src/ui/calendar/DayQuickPick.scss
@@ -1,6 +1,7 @@
 @use "../../styles/colors" as colors;
 @use "../../styles/screen" as screen;
 @use "../../styles/variables" as vars;
+@use "../../styles/fonts" as fonts;
 
 .day-quick-pick {
   display: none;
@@ -43,7 +44,7 @@
 
   &__date {
     font-size: 22px;
-    font-weight: 500;
+    font-weight: fonts.$font-medium;
     line-height: 1;
   }
 
diff --git a/src/ui/flights/StationDisplay.scss b/src/ui/flights/StationDisplay.scss
index bf2539fc..e10c4d25 100644
--- a/src/ui/flights/StationDisplay.scss
+++ b/src/ui/flights/StationDisplay.scss
@@ -1,5 +1,6 @@
 @use "../../styles/colors" as colors;
 @use "../../styles/screen" as screen;
+@use "../../styles/fonts" as fonts;
 
 .station {
   display: flex;
@@ -11,7 +12,7 @@
 
     &--bold {
       font-size: 14px;
-      font-weight: 500;
+      font-weight: fonts.$font-medium;
       color: colors.$text-color;
       line-height: 1.25;
     }