diff --git a/src/components/calls/ActiveCallHeader.scss b/src/components/calls/ActiveCallHeader.scss
index 89056358e..25aa1ab61 100644
--- a/src/components/calls/ActiveCallHeader.scss
+++ b/src/components/calls/ActiveCallHeader.scss
@@ -8,7 +8,7 @@
 
   display: flex;
   justify-content: center;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
   color: #fff;
   align-items: center;
diff --git a/src/components/calls/group/GroupCall.module.scss b/src/components/calls/group/GroupCall.module.scss
index aef34e838..09f0b8017 100644
--- a/src/components/calls/group/GroupCall.module.scss
+++ b/src/components/calls/group/GroupCall.module.scss
@@ -118,7 +118,7 @@
   text-overflow: ellipsis;
   unicode-bidi: plaintext;
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0;
 }
 
diff --git a/src/components/calls/group/GroupCallParticipant.module.scss b/src/components/calls/group/GroupCallParticipant.module.scss
index 407cb2336..72741a8db 100644
--- a/src/components/calls/group/GroupCallParticipant.module.scss
+++ b/src/components/calls/group/GroupCallParticipant.module.scss
@@ -13,7 +13,7 @@
       display: flex !important;
 
       .fullName {
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
         font-size: 1rem;
         --emoji-size: 1rem;
       }
diff --git a/src/components/calls/group/GroupCallParticipantVideo.module.scss b/src/components/calls/group/GroupCallParticipantVideo.module.scss
index c779a04ca..5bda44e81 100644
--- a/src/components/calls/group/GroupCallParticipantVideo.module.scss
+++ b/src/components/calls/group/GroupCallParticipantVideo.module.scss
@@ -133,7 +133,7 @@
 
 .name {
   color: #FFFFFF;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.125rem;
 
   :global(.fullName) {
diff --git a/src/components/calls/group/GroupCallTopPane.scss b/src/components/calls/group/GroupCallTopPane.scss
index 2ef0ac70e..0177ba120 100644
--- a/src/components/calls/group/GroupCallTopPane.scss
+++ b/src/components/calls/group/GroupCallTopPane.scss
@@ -28,7 +28,7 @@
   .join {
     height: 1.875rem;
     border-radius: 1rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     padding: 0 1rem;
     width: auto;
   }
diff --git a/src/components/calls/phone/PhoneCall.module.scss b/src/components/calls/phone/PhoneCall.module.scss
index ab175c97c..6e6706b60 100644
--- a/src/components/calls/phone/PhoneCall.module.scss
+++ b/src/components/calls/phone/PhoneCall.module.scss
@@ -107,7 +107,7 @@
   color: white;
   max-width: 20rem;
   text-align: center;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   opacity: 0;
   transition: 0.25s ease-in-out opacity;
 
diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss
index 7c7b1aa58..58f629094 100644
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@@ -160,7 +160,7 @@
   }
 
   .title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin: 0;
     line-height: 1.25;
     white-space: nowrap;
@@ -391,7 +391,7 @@
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      font-weight: 400;
+      font-weight: var(--font-weight-normal);
       line-height: 1.5rem;
     }
 
diff --git a/src/components/common/AvatarList.module.scss b/src/components/common/AvatarList.module.scss
index d0c310051..2a9671996 100644
--- a/src/components/common/AvatarList.module.scss
+++ b/src/components/common/AvatarList.module.scss
@@ -77,7 +77,7 @@
 
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   padding: 0rem 0.25rem;
 }
diff --git a/src/components/common/CalendarModal.scss b/src/components/common/CalendarModal.scss
index d3185eb00..f2248f05a 100644
--- a/src/components/common/CalendarModal.scss
+++ b/src/components/common/CalendarModal.scss
@@ -67,7 +67,7 @@
     position: relative;
     border-radius: 4rem;
     outline: none !important;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin: 0.125rem 0.625rem;
 
     @media (max-width: 600px) {
diff --git a/src/components/common/Composer.scss b/src/components/common/Composer.scss
index 5f23b50c5..261b44e7b 100644
--- a/src/components/common/Composer.scss
+++ b/src/components/common/Composer.scss
@@ -466,7 +466,7 @@
     .bot-menu-text {
       --emoji-size: 1rem;
       font-size: 0.875rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
diff --git a/src/components/common/FakeIcon.scss b/src/components/common/FakeIcon.scss
index d92a12503..41bcc6f00 100644
--- a/src/components/common/FakeIcon.scss
+++ b/src/components/common/FakeIcon.scss
@@ -6,6 +6,6 @@
   padding: 0.125rem 0.25rem;
   line-height: initial;
   margin-inline: 0.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-transform: capitalize;
 }
diff --git a/src/components/common/File.scss b/src/components/common/File.scss
index 460e5932e..0d6ac9a93 100644
--- a/src/components/common/File.scss
+++ b/src/components/common/File.scss
@@ -51,7 +51,7 @@
 
     .file-ext {
       font-size: 1rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       transition: opacity 0.15s;
     }
 
@@ -144,7 +144,7 @@
   .file-title {
     font-size: 1rem;
     line-height: 1.5rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     overflow: hidden;
     text-overflow: ellipsis;
 
@@ -193,7 +193,7 @@
     }
 
     .file-title {
-      font-weight: 400;
+      font-weight: var(--font-weight-normal);
     }
 
     .file-subtitle {
diff --git a/src/components/common/LinkField.module.scss b/src/components/common/LinkField.module.scss
index 18593020b..b39cdf437 100644
--- a/src/components/common/LinkField.module.scss
+++ b/src/components/common/LinkField.module.scss
@@ -18,7 +18,7 @@
 }
 
 .title {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text-secondary);
   padding-left: 1rem;
 }
diff --git a/src/components/common/PeerBadge.module.scss b/src/components/common/PeerBadge.module.scss
index fba40137c..af13c9d37 100644
--- a/src/components/common/PeerBadge.module.scss
+++ b/src/components/common/PeerBadge.module.scss
@@ -22,7 +22,7 @@
   align-items: center;
   gap: 0.125rem;
   font-size: 0.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1;
   white-space: nowrap;
   padding: 0.25rem;
diff --git a/src/components/common/PremiumProgress.module.scss b/src/components/common/PremiumProgress.module.scss
index 891740d42..62531ba5a 100644
--- a/src/components/common/PremiumProgress.module.scss
+++ b/src/components/common/PremiumProgress.module.scss
@@ -83,7 +83,7 @@
 
 .floating-badge-value {
   font-size: 16px;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .left, .right {
@@ -92,7 +92,7 @@
   bottom: 0;
   display: flex;
   align-items: center;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .left {
diff --git a/src/components/common/ProfileInfo.module.scss b/src/components/common/ProfileInfo.module.scss
index 858e8e467..40626c27b 100644
--- a/src/components/common/ProfileInfo.module.scss
+++ b/src/components/common/ProfileInfo.module.scss
@@ -175,7 +175,7 @@
   border-radius: 1rem;
   padding: 0.1875rem 0.375rem;
   pointer-events: all;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   transition: 150ms filter ease-in;
   background: var(--blured-background-color);
   backdrop-filter: blur(100px);
@@ -214,7 +214,7 @@
 .topicIconTitle {
   font-size: 3rem !important;
 
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
 
   :global(.emoji-small) {
     width: 3rem;
diff --git a/src/components/common/ProfileInfo.scss b/src/components/common/ProfileInfo.scss
index d8179137a..35b82d126 100644
--- a/src/components/common/ProfileInfo.scss
+++ b/src/components/common/ProfileInfo.scss
@@ -18,7 +18,7 @@
   }
 
   .fullName {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 1.25rem;
     line-height: 1.375rem;
     white-space: pre-wrap;
diff --git a/src/components/common/StickerButton.scss b/src/components/common/StickerButton.scss
index 969510184..72867f09a 100644
--- a/src/components/common/StickerButton.scss
+++ b/src/components/common/StickerButton.scss
@@ -38,7 +38,7 @@
     vertical-align: bottom;
     align-self: center;
     justify-self: center;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
   }
 
   .sticker-locked {
diff --git a/src/components/common/TopicDefaultIcon.module.scss b/src/components/common/TopicDefaultIcon.module.scss
index 2495c1132..f0beb5568 100644
--- a/src/components/common/TopicDefaultIcon.module.scss
+++ b/src/components/common/TopicDefaultIcon.module.scss
@@ -19,7 +19,7 @@
 .title {
   z-index: 1;
   color: #ffffff;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 0.75em;
   line-height: 1;
   position: absolute;
diff --git a/src/components/common/WebLink.scss b/src/components/common/WebLink.scss
index 5835537a9..3e97c122c 100644
--- a/src/components/common/WebLink.scss
+++ b/src/components/common/WebLink.scss
@@ -23,7 +23,7 @@
     justify-content: center;
     border-radius: var(--border-radius-messages-small);
     text-transform: uppercase;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 1.5rem;
   }
 
@@ -48,7 +48,7 @@
   .site-name {
     display: block;
     color: var(--color-links);
-    font-weight: 400;
+    font-weight: var(--font-weight-normal);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/components/common/code/CodeBlock.scss b/src/components/common/code/CodeBlock.scss
index 5c70fd71d..d45f6e6a5 100644
--- a/src/components/common/code/CodeBlock.scss
+++ b/src/components/common/code/CodeBlock.scss
@@ -22,7 +22,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin-bottom: 0.5rem;
     color: var(--accent-color);
     font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
diff --git a/src/components/common/embedded/EmbeddedMessage.scss b/src/components/common/embedded/EmbeddedMessage.scss
index 1639e7101..c215d19c5 100644
--- a/src/components/common/embedded/EmbeddedMessage.scss
+++ b/src/components/common/embedded/EmbeddedMessage.scss
@@ -236,7 +236,7 @@
     }
 
     .message-title {
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       color: var(--accent-color);
     }
   }
diff --git a/src/components/common/gift/UserGift.module.scss b/src/components/common/gift/UserGift.module.scss
index d033e32b5..a2c0c85c3 100644
--- a/src/components/common/gift/UserGift.module.scss
+++ b/src/components/common/gift/UserGift.module.scss
@@ -40,7 +40,7 @@
   gap: 0.125rem;
 
   color: #E88011;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .hiddenGift {
diff --git a/src/components/common/pickers/ChatOrUserPicker.scss b/src/components/common/pickers/ChatOrUserPicker.scss
index c39b3496a..dcea983de 100644
--- a/src/components/common/pickers/ChatOrUserPicker.scss
+++ b/src/components/common/pickers/ChatOrUserPicker.scss
@@ -114,7 +114,7 @@
 
       font-size: 1rem;
       line-height: 1.6875rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
     }
 
     .fullName {
diff --git a/src/components/common/pickers/PickerStyles.module.scss b/src/components/common/pickers/PickerStyles.module.scss
index bbe216df9..4c47682d9 100644
--- a/src/components/common/pickers/PickerStyles.module.scss
+++ b/src/components/common/pickers/PickerStyles.module.scss
@@ -34,7 +34,7 @@
 .pickerCategoryTitle {
   color: var(--color-text-secondary);
   padding-inline: 0.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   &:not(:first-child) {
     border-top: 1px solid var(--color-borders);
diff --git a/src/components/left/ConnectionStatusOverlay.scss b/src/components/left/ConnectionStatusOverlay.scss
index 9633d432d..88832b63d 100644
--- a/src/components/left/ConnectionStatusOverlay.scss
+++ b/src/components/left/ConnectionStatusOverlay.scss
@@ -40,7 +40,7 @@
     flex: 1;
     color: var(--color-text-lighter);
     font-size: 0.9375rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     padding-bottom: 0.0625rem;
     margin-inline-start: 1.875rem;
     white-space: nowrap;
diff --git a/src/components/left/LeftColumn.scss b/src/components/left/LeftColumn.scss
index 4a3a513b7..ee59c0bd3 100644
--- a/src/components/left/LeftColumn.scss
+++ b/src/components/left/LeftColumn.scss
@@ -13,7 +13,7 @@
   h3 {
     margin-bottom: 0;
     font-size: 1.25rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin-left: 1.375rem;
     margin-right: auto;
     user-select: none;
diff --git a/src/components/left/main/ChatBadge.scss b/src/components/left/main/ChatBadge.scss
index 184eed030..0592b828a 100644
--- a/src/components/left/main/ChatBadge.scss
+++ b/src/components/left/main/ChatBadge.scss
@@ -33,7 +33,7 @@
   color: white;
   font-size: 0.875rem;
   line-height: 1.5625rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   flex-shrink: 0;
 
diff --git a/src/components/left/main/EmptyFolder.module.scss b/src/components/left/main/EmptyFolder.module.scss
index 7df717f6c..fedbbdf1e 100644
--- a/src/components/left/main/EmptyFolder.module.scss
+++ b/src/components/left/main/EmptyFolder.module.scss
@@ -36,7 +36,7 @@
   :global(.Button.pill) {
     max-width: 100%;
     margin-top: 0.625rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     padding-inline-start: 0.75rem;
     unicode-bidi: plaintext;
 
diff --git a/src/components/left/main/EmptyForum.module.scss b/src/components/left/main/EmptyForum.module.scss
index 791ce8405..9ffecbc74 100644
--- a/src/components/left/main/EmptyForum.module.scss
+++ b/src/components/left/main/EmptyForum.module.scss
@@ -13,7 +13,7 @@
   :global(.Button.pill) {
     max-width: 100%;
     margin-top: 0.625rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     padding-inline-start: 0.75rem;
     unicode-bidi: plaintext;
 
diff --git a/src/components/left/main/ForumPanel.module.scss b/src/components/left/main/ForumPanel.module.scss
index 5b5b6c1af..2aaf6c59a 100644
--- a/src/components/left/main/ForumPanel.module.scss
+++ b/src/components/left/main/ForumPanel.module.scss
@@ -85,7 +85,7 @@
     text-overflow: ellipsis;
     unicode-bidi: plaintext;
     font-size: 1rem !important;
-    font-weight: 500 !important;
+    font-weight: var(--font-weight-medium) !important;
     margin: 0 !important;
   }
 
diff --git a/src/components/left/main/LeftMainHeader.scss b/src/components/left/main/LeftMainHeader.scss
index eb3d47d15..dd7d1772a 100644
--- a/src/components/left/main/LeftMainHeader.scss
+++ b/src/components/left/main/LeftMainHeader.scss
@@ -144,7 +144,7 @@
 
   .left-search-picker-item {
     color: var(--color-text-secondary);
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     padding-right: 0;
   }
 }
diff --git a/src/components/left/main/UnconfirmedSession.module.scss b/src/components/left/main/UnconfirmedSession.module.scss
index a2dc576cb..d5450fe4c 100644
--- a/src/components/left/main/UnconfirmedSession.module.scss
+++ b/src/components/left/main/UnconfirmedSession.module.scss
@@ -28,5 +28,5 @@
 
 .button {
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
diff --git a/src/components/left/newChat/NewChat.scss b/src/components/left/newChat/NewChat.scss
index ecb48baa4..abbb1f6bd 100644
--- a/src/components/left/newChat/NewChat.scss
+++ b/src/components/left/newChat/NewChat.scss
@@ -30,7 +30,7 @@
       .chat-members-heading {
         color: var(--color-text-secondary);
         font-size: 1rem;
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
         margin: 1rem 0.25rem;
       }
 
diff --git a/src/components/left/search/DateSuggest.scss b/src/components/left/search/DateSuggest.scss
index a46de6d4f..b2a6a1e4d 100644
--- a/src/components/left/search/DateSuggest.scss
+++ b/src/components/left/search/DateSuggest.scss
@@ -12,7 +12,7 @@
     margin-top: 0.375rem;
     cursor: var(--custom-cursor, pointer);
     font-size: 0.875rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     color: var(--color-text-secondary);
 
     .icon-calendar {
diff --git a/src/components/left/search/LeftSearch.scss b/src/components/left/search/LeftSearch.scss
index 1b0e6c8e3..cd44f3c0b 100644
--- a/src/components/left/search/LeftSearch.scss
+++ b/src/components/left/search/LeftSearch.scss
@@ -44,7 +44,7 @@
     padding-left: 0.5rem;
     margin-bottom: 1rem;
 
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 1rem;
     color: var(--color-text-secondary);
 
@@ -167,7 +167,7 @@
       align-items: center;
       font-size: 1rem;
       line-height: 1.6875rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       overflow: hidden;
 
       .topic-icon {
@@ -196,7 +196,7 @@
       .Link {
         float: right;
         color: var(--color-links);
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
         margin-right: 0.5rem;
         transition: opacity 0.15s ease-in;
 
diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss
index 8c7882746..557481bd8 100644
--- a/src/components/left/settings/Settings.scss
+++ b/src/components/left/settings/Settings.scss
@@ -241,7 +241,7 @@
         font-size: 1rem;
         line-height: 1rem;
         margin-bottom: 0.25rem;
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
       }
 
       .contact-phone {
diff --git a/src/components/left/settings/folders/SettingsFolders.scss b/src/components/left/settings/folders/SettingsFolders.scss
index fc1af2d06..457ee93a7 100644
--- a/src/components/left/settings/folders/SettingsFolders.scss
+++ b/src/components/left/settings/folders/SettingsFolders.scss
@@ -33,7 +33,7 @@
 
       h3 {
         font-size: 1rem;
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
         line-height: 1.3125;
         margin: 0;
         overflow: hidden;
diff --git a/src/components/main/premium/GiveawayModal.module.scss b/src/components/main/premium/GiveawayModal.module.scss
index 6d8926c46..19826d750 100644
--- a/src/components/main/premium/GiveawayModal.module.scss
+++ b/src/components/main/premium/GiveawayModal.module.scss
@@ -18,7 +18,7 @@
 }
 
 .button {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 1rem;
   height: 3rem;
 }
@@ -40,7 +40,7 @@
 
 .header-text {
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   margin-inline: 0.5rem;
 }
@@ -79,7 +79,7 @@
 
 .premium-header-text {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0 0 0 3rem;
   unicode-bidi: plaintext;
 }
@@ -128,7 +128,7 @@
 .subscription {
   margin: 1rem 1.625rem 1.3125rem 1.5rem;
   font-size: 1rem;
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   color: var(--color-text-secondary);
 
   @include mixins.adapt-margin-to-scrollbar(1rem);
@@ -206,7 +206,7 @@
 
 .floatingBadgeValue {
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .subscriptionFooter {
diff --git a/src/components/main/premium/PremiumFeatureModal.module.scss b/src/components/main/premium/PremiumFeatureModal.module.scss
index 9475b3dfa..3fa0f4a23 100644
--- a/src/components/main/premium/PremiumFeatureModal.module.scss
+++ b/src/components/main/premium/PremiumFeatureModal.module.scss
@@ -3,7 +3,7 @@
 }
 
 .button {
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   font-size: 1rem;
   height: 3rem;
 }
@@ -70,7 +70,7 @@
 .header {
   padding-left: 4rem;
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   padding-top: 0.875rem;
   padding-bottom: 0.875rem;
   border-bottom: 0.0625rem solid var(--color-borders);
@@ -102,7 +102,7 @@
 
 .title {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   color: var(--color-text);
   margin-top: 1rem;
@@ -110,7 +110,7 @@
 
 .description {
   font-size: 1rem;
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   line-height: 1.375rem;
   text-align: center;
   color: var(--color-text-secondary);
diff --git a/src/components/main/premium/PremiumMainModal.module.scss b/src/components/main/premium/PremiumMainModal.module.scss
index 839a88896..22a65379b 100644
--- a/src/components/main/premium/PremiumMainModal.module.scss
+++ b/src/components/main/premium/PremiumMainModal.module.scss
@@ -26,7 +26,7 @@
 }
 
 .button {
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   font-size: 1rem;
   height: 3rem;
 }
@@ -58,7 +58,7 @@
 
 .header-text {
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   margin-inline: 0.5rem;
 }
@@ -106,7 +106,7 @@
 
 .premium-header-text {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0 0 0 3rem;
   unicode-bidi: plaintext;
 }
diff --git a/src/components/main/premium/PremiumSubscriptionOption.module.scss b/src/components/main/premium/PremiumSubscriptionOption.module.scss
index c8dec1212..ba058fabd 100644
--- a/src/components/main/premium/PremiumSubscriptionOption.module.scss
+++ b/src/components/main/premium/PremiumSubscriptionOption.module.scss
@@ -121,7 +121,7 @@
 
 .giveawayDiscount {
   font-size: 0.8125rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   border-radius: 0.375rem;
   padding: 0.1875rem;
 }
diff --git a/src/components/main/premium/StarsGiftingPickerModal.module.scss b/src/components/main/premium/StarsGiftingPickerModal.module.scss
index 9a1fd0a91..4a9db49e5 100644
--- a/src/components/main/premium/StarsGiftingPickerModal.module.scss
+++ b/src/components/main/premium/StarsGiftingPickerModal.module.scss
@@ -82,5 +82,5 @@
 
 .button {
   height: 3rem;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
 }
diff --git a/src/components/main/premium/common/PremiumLimitPreview.module.scss b/src/components/main/premium/common/PremiumLimitPreview.module.scss
index 5e93b68f0..0645842f1 100644
--- a/src/components/main/premium/common/PremiumLimitPreview.module.scss
+++ b/src/components/main/premium/common/PremiumLimitPreview.module.scss
@@ -5,7 +5,7 @@
 }
 
 .title {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text);
   margin-left: 0.75rem;
   unicode-bidi: plaintext;
diff --git a/src/components/main/premium/common/PremiumLimitReachedModal.module.scss b/src/components/main/premium/common/PremiumLimitReachedModal.module.scss
index 27bf6478f..b18f8c04f 100644
--- a/src/components/main/premium/common/PremiumLimitReachedModal.module.scss
+++ b/src/components/main/premium/common/PremiumLimitReachedModal.module.scss
@@ -25,7 +25,7 @@
 }
 
 .limit-value {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-white);
 }
 
diff --git a/src/components/main/premium/common/PremiumLimitsCompare.module.scss b/src/components/main/premium/common/PremiumLimitsCompare.module.scss
index dc5e4d590..01db83f39 100644
--- a/src/components/main/premium/common/PremiumLimitsCompare.module.scss
+++ b/src/components/main/premium/common/PremiumLimitsCompare.module.scss
@@ -28,7 +28,7 @@
 
 .text, .floating-badge-value {
   font-size: 16px;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .left-text {
diff --git a/src/components/main/premium/previews/PremiumFeaturePreviewStories.module.scss b/src/components/main/premium/previews/PremiumFeaturePreviewStories.module.scss
index 32ffdb162..360b0a576 100644
--- a/src/components/main/premium/previews/PremiumFeaturePreviewStories.module.scss
+++ b/src/components/main/premium/previews/PremiumFeaturePreviewStories.module.scss
@@ -19,7 +19,7 @@
 
 .title {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   align-self: center;
   margin-top: 1rem;
   margin-bottom: 1rem;
diff --git a/src/components/mediaViewer/SenderInfo.scss b/src/components/mediaViewer/SenderInfo.scss
index 0ecf850d0..9754ee50c 100644
--- a/src/components/mediaViewer/SenderInfo.scss
+++ b/src/components/mediaViewer/SenderInfo.scss
@@ -26,7 +26,7 @@
 
   .title {
     line-height: 1.4375rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     white-space: pre;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/components/middle/ContactGreeting.module.scss b/src/components/middle/ContactGreeting.module.scss
index 732e48850..bec954234 100644
--- a/src/components/middle/ContactGreeting.module.scss
+++ b/src/components/middle/ContactGreeting.module.scss
@@ -30,7 +30,7 @@
   }
 
   .title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin-bottom: 0;
   }
 
diff --git a/src/components/middle/DeleteSelectedMessageModal.module.scss b/src/components/middle/DeleteSelectedMessageModal.module.scss
index 11650a335..90ee43163 100644
--- a/src/components/middle/DeleteSelectedMessageModal.module.scss
+++ b/src/components/middle/DeleteSelectedMessageModal.module.scss
@@ -22,7 +22,7 @@
   margin-left: 1rem;
   color: var(--color-links);
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .restrictionTitle {
diff --git a/src/components/middle/MessageList.scss b/src/components/middle/MessageList.scss
index 455dd44b5..53fc3bcc0 100644
--- a/src/components/middle/MessageList.scss
+++ b/src/components/middle/MessageList.scss
@@ -296,7 +296,7 @@
     display: flex;
     gap: 0.25rem;
     line-height: 1.5;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
   }
 
   .action-message-user-caption {
diff --git a/src/components/middle/MessageListBotInfo.module.scss b/src/components/middle/MessageListBotInfo.module.scss
index c2aa2dfec..b885562b2 100644
--- a/src/components/middle/MessageListBotInfo.module.scss
+++ b/src/components/middle/MessageListBotInfo.module.scss
@@ -26,7 +26,7 @@
 }
 
 .bot-info-title {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin-bottom: 0.25rem;
 }
 
diff --git a/src/components/middle/MessageSelectToolbar.scss b/src/components/middle/MessageSelectToolbar.scss
index 5803133b9..3ed973d4a 100644
--- a/src/components/middle/MessageSelectToolbar.scss
+++ b/src/components/middle/MessageSelectToolbar.scss
@@ -85,7 +85,7 @@
     background: var(--color-background);
     border-radius: var(--border-radius-messages);
     box-shadow: 0 1px 2px var(--color-default-shadow);
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
 
     transform: scaleX(1);
     transition: transform var(--select-transition), opacity var(--select-transition);
diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss
index 61842e565..1ff53f4c1 100644
--- a/src/components/middle/MiddleHeader.scss
+++ b/src/components/middle/MiddleHeader.scss
@@ -50,7 +50,7 @@
       border-radius: 0.625rem;
       font-size: 0.75rem;
       line-height: 1.25rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       text-align: center;
 
       position: absolute;
@@ -110,7 +110,7 @@
   }
 
   h3 {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 1.125rem;
     line-height: 1.375rem;
     white-space: pre;
@@ -122,7 +122,7 @@
     body.is-ios &,
     body.is-macos & {
       font-size: 1.0625rem;
-      font-weight: 600;
+      font-weight: var(--font-weight-semibold);
     }
 
     @media (max-width: 600px) {
@@ -313,7 +313,7 @@
       color: white;
       font-size: 0.75rem;
       line-height: 1rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       text-align: center;
       flex-shrink: 0;
       right: 0;
diff --git a/src/components/middle/NoMessages.scss b/src/components/middle/NoMessages.scss
index 558509fc9..bb9d88539 100644
--- a/src/components/middle/NoMessages.scss
+++ b/src/components/middle/NoMessages.scss
@@ -32,7 +32,7 @@
   }
 
   .title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 1rem;
     margin-bottom: 0.25rem;
     text-align: center;
diff --git a/src/components/middle/ScrollDownButton.module.scss b/src/components/middle/ScrollDownButton.module.scss
index f165bd787..0c64a13c2 100644
--- a/src/components/middle/ScrollDownButton.module.scss
+++ b/src/components/middle/ScrollDownButton.module.scss
@@ -57,7 +57,7 @@
   border-radius: 0.75rem;
   font-size: 0.875rem;
   line-height: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
 
   position: absolute;
diff --git a/src/components/middle/composer/BotKeyboardMenu.scss b/src/components/middle/composer/BotKeyboardMenu.scss
index fd724b66c..af79b7ce2 100644
--- a/src/components/middle/composer/BotKeyboardMenu.scss
+++ b/src/components/middle/composer/BotKeyboardMenu.scss
@@ -34,7 +34,7 @@
       border: 2px solid var(--color-primary);
       background: var(--color-background);
       color: var(--color-primary);
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       text-transform: none;
 
       &:hover {
diff --git a/src/components/middle/composer/DropTarget.scss b/src/components/middle/composer/DropTarget.scss
index 51bf8f0e0..5eaf312aa 100644
--- a/src/components/middle/composer/DropTarget.scss
+++ b/src/components/middle/composer/DropTarget.scss
@@ -95,7 +95,7 @@
 
   .title {
     font-size: 1.3125rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     letter-spacing: -0.18px;
 
     @media (max-height: 450px) {
diff --git a/src/components/middle/composer/InlineBotTooltip.scss b/src/components/middle/composer/InlineBotTooltip.scss
index 9ffa5f973..2199ac08e 100644
--- a/src/components/middle/composer/InlineBotTooltip.scss
+++ b/src/components/middle/composer/InlineBotTooltip.scss
@@ -1,7 +1,7 @@
 .InlineBotTooltip {
   .switch-pm .title {
     margin: 0 auto;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
   }
 
   &.gallery {
diff --git a/src/components/middle/composer/PollModal.scss b/src/components/middle/composer/PollModal.scss
index a19b709a1..08d233a3d 100644
--- a/src/components/middle/composer/PollModal.scss
+++ b/src/components/middle/composer/PollModal.scss
@@ -18,7 +18,7 @@
   .options-header {
     color: var(--color-text-secondary);
     font-size: 1rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin: 1.5rem 0.25rem;
   }
 
diff --git a/src/components/middle/composer/SendAsMenu.scss b/src/components/middle/composer/SendAsMenu.scss
index ac305956a..f9601e5a2 100644
--- a/src/components/middle/composer/SendAsMenu.scss
+++ b/src/components/middle/composer/SendAsMenu.scss
@@ -1,6 +1,6 @@
 .SendAsMenu {
   .send-as-title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     line-height: 1.25rem;
     word-break: break-word;
     margin-inline-start: 1rem;
diff --git a/src/components/middle/composer/SymbolMenu.scss b/src/components/middle/composer/SymbolMenu.scss
index dd7814750..d0fd9f2cb 100644
--- a/src/components/middle/composer/SymbolMenu.scss
+++ b/src/components/middle/composer/SymbolMenu.scss
@@ -194,7 +194,7 @@
 
     font-size: 1rem;
     line-height: 1.6875rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin: 0;
     padding: 0 0.25rem 0.125rem;
     overflow: hidden;
diff --git a/src/components/middle/composer/inlineResults/BaseResult.scss b/src/components/middle/composer/inlineResults/BaseResult.scss
index a825ce9ab..6bac32ec6 100644
--- a/src/components/middle/composer/inlineResults/BaseResult.scss
+++ b/src/components/middle/composer/inlineResults/BaseResult.scss
@@ -32,7 +32,7 @@
   }
 
   .title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     text-align: left;
     unicode-bidi: plaintext;
   }
diff --git a/src/components/middle/message/CommentButton.scss b/src/components/middle/message/CommentButton.scss
index 297bffb23..49fa27684 100644
--- a/src/components/middle/message/CommentButton.scss
+++ b/src/components/middle/message/CommentButton.scss
@@ -12,7 +12,7 @@
   border-bottom-right-radius: var(--border-bottom-right-radius);
   border-bottom-left-radius: var(--border-bottom-left-radius);
   font-size: 0.9375rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 2.125rem;
   color: var(--accent-color);
   white-space: nowrap;
diff --git a/src/components/middle/message/Contact.module.scss b/src/components/middle/message/Contact.module.scss
index a100a6c85..84387f30e 100644
--- a/src/components/middle/message/Contact.module.scss
+++ b/src/components/middle/message/Contact.module.scss
@@ -19,7 +19,7 @@
 
 .name {
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   max-width: 12.5rem;
 }
 
@@ -49,7 +49,7 @@
     flex: 1;
     height: 2.25rem;
     margin-block: 0.25rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     background-color: transparent;
     color: var(--accent-color);
     --ripple-color: var(--accent-background-active-color);
diff --git a/src/components/middle/message/FactCheck.module.scss b/src/components/middle/message/FactCheck.module.scss
index 507908510..f20d28713 100644
--- a/src/components/middle/message/FactCheck.module.scss
+++ b/src/components/middle/message/FactCheck.module.scss
@@ -7,7 +7,7 @@
 }
 
 .title {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .content {
diff --git a/src/components/middle/message/Game.scss b/src/components/middle/message/Game.scss
index a811743e5..4e2f62fef 100644
--- a/src/components/middle/message/Game.scss
+++ b/src/components/middle/message/Game.scss
@@ -1,6 +1,6 @@
 .Game {
   .title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
   }
 
   .description {
diff --git a/src/components/middle/message/Giveaway.module.scss b/src/components/middle/message/Giveaway.module.scss
index 5a4f241af..54c60dbf1 100644
--- a/src/components/middle/message/Giveaway.module.scss
+++ b/src/components/middle/message/Giveaway.module.scss
@@ -73,7 +73,7 @@
 }
 
 .result {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .separator {
diff --git a/src/components/middle/message/InlineButtons.scss b/src/components/middle/message/InlineButtons.scss
index ead0e0094..b2bcd7e3d 100644
--- a/src/components/middle/message/InlineButtons.scss
+++ b/src/components/middle/message/InlineButtons.scss
@@ -15,7 +15,7 @@
     margin: 0.125rem;
     background: var(--pattern-color);
     border-radius: var(--border-radius-messages-small);
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     text-transform: none;
     transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms;
 
diff --git a/src/components/middle/message/Invoice.scss b/src/components/middle/message/Invoice.scss
index e228c9a1c..28ab6cba2 100644
--- a/src/components/middle/message/Invoice.scss
+++ b/src/components/middle/message/Invoice.scss
@@ -1,7 +1,7 @@
 .Invoice {
   .title {
     color: var(--accent-color);
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin-bottom: 0;
   }
 
@@ -41,7 +41,7 @@
         background-color: rgba(0, 0, 0, 0.4);
         border-radius: var(--border-radius-messages-small);
         color: var(--color-white);
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
       }
     }
 
diff --git a/src/components/middle/message/Location.scss b/src/components/middle/message/Location.scss
index 5e96c31b8..7e71858ad 100644
--- a/src/components/middle/message/Location.scss
+++ b/src/components/middle/message/Location.scss
@@ -154,7 +154,7 @@
     padding: 0.3125rem 0.5rem 0.25rem;
 
     &-title {
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       grid-area: 1 / 1 / 2 / 2;
     }
 
@@ -184,7 +184,7 @@
     left: 0;
     transform: translateY(-50%);
     font-size: 0.875rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     line-height: 1;
     width: 100%;
     text-align: center;
diff --git a/src/components/middle/message/MessagePhoneCall.module.scss b/src/components/middle/message/MessagePhoneCall.module.scss
index 16bac3462..db472399f 100644
--- a/src/components/middle/message/MessagePhoneCall.module.scss
+++ b/src/components/middle/message/MessagePhoneCall.module.scss
@@ -19,7 +19,7 @@
 }
 
 .reason {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .arrow {
diff --git a/src/components/middle/message/Poll.scss b/src/components/middle/message/Poll.scss
index c07e3591a..2e69c207b 100644
--- a/src/components/middle/message/Poll.scss
+++ b/src/components/middle/message/Poll.scss
@@ -7,7 +7,7 @@
   }
 
   .poll-question {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     line-height: 1.25rem;
     margin: 0.125rem 0;
     word-break: break-word;
diff --git a/src/components/middle/message/PollOption.scss b/src/components/middle/message/PollOption.scss
index ca189cc7a..f67015717 100644
--- a/src/components/middle/message/PollOption.scss
+++ b/src/components/middle/message/PollOption.scss
@@ -17,7 +17,7 @@
     width: 1.75rem;
     margin-inline-end: 0.5rem;
     flex-shrink: 0;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: 0.875rem;
     text-align: right;
 
diff --git a/src/components/middle/message/SimilarChannels.module.scss b/src/components/middle/message/SimilarChannels.module.scss
index 229ef6db2..c27d4b2dc 100644
--- a/src/components/middle/message/SimilarChannels.module.scss
+++ b/src/components/middle/message/SimilarChannels.module.scss
@@ -34,7 +34,7 @@
 
 .title {
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.5rem;
 }
 
@@ -196,7 +196,7 @@
 
 .members-count {
   font-size: 0.5625rem;
-  font-weight: 700;
+  font-weight: var(--font-weight-semibold);
   line-height: 0.6875rem;
 }
 
@@ -204,7 +204,7 @@
   text-align: center;
   height: 1.625rem;
   font-size: 0.6875rem;
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   line-height: 0.8125rem;
   max-width: 3.4375rem;
   margin-top: 0.125rem;
diff --git a/src/components/middle/message/TimeMenuItem.module.scss b/src/components/middle/message/TimeMenuItem.module.scss
index 9b54eb239..644e4d7e0 100644
--- a/src/components/middle/message/TimeMenuItem.module.scss
+++ b/src/components/middle/message/TimeMenuItem.module.scss
@@ -1,7 +1,7 @@
 :global(.MenuItem).item {
   margin-bottom: 0;
   font-size: 0.8125rem;
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   cursor: var(--custom-cursor, default);
   pointer-events: none;
   --color-skeleton-background: #2121211a;
@@ -23,7 +23,7 @@
   border-radius: 1rem;
   padding: 0.1875rem 0.375rem;
   pointer-events: all;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   transition: 150ms filter ease-in;
   background: var(--color-background-menu-separator);
   filter: opacity(0.8);
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 913c231b4..ab67e7353 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -371,7 +371,7 @@
 
     .via {
       padding-right: 0.25rem;
-      font-weight: 400;
+      font-weight: var(--font-weight-normal);
     }
 
     span + .via {
@@ -397,7 +397,7 @@
     .admin-title {
       margin-left: 1rem;
       text-align: right;
-      font-weight: 400;
+      font-weight: var(--font-weight-normal);
       font-size: 0.75rem;
       color: rgba(var(--color-text-meta-rgb), 0.75);
       user-select: none;
diff --git a/src/components/middle/message/reactions/ReactionButton.module.scss b/src/components/middle/message/reactions/ReactionButton.module.scss
index c8d9072f6..0e9714c91 100644
--- a/src/components/middle/message/reactions/ReactionButton.module.scss
+++ b/src/components/middle/message/reactions/ReactionButton.module.scss
@@ -32,7 +32,7 @@
   padding: 0 0.375rem 0 0.25rem;
   background-color: var(--reaction-background) !important;
   border-radius: 1.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-variant-numeric: tabular-nums;
   text-transform: none;
   color: var(--reaction-text-color);
diff --git a/src/components/middle/panes/AudioPlayer.scss b/src/components/middle/panes/AudioPlayer.scss
index cf0cfe2bb..176914d82 100644
--- a/src/components/middle/panes/AudioPlayer.scss
+++ b/src/components/middle/panes/AudioPlayer.scss
@@ -181,7 +181,7 @@
     .AudioPlayer & .title {
       display: block;
       margin-top: 0.125rem;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       font-size: 0.875rem !important;
       line-height: 1rem;
       white-space: nowrap;
diff --git a/src/components/middle/panes/BotAdPane.module.scss b/src/components/middle/panes/BotAdPane.module.scss
index 21ae80d5a..957d35618 100644
--- a/src/components/middle/panes/BotAdPane.module.scss
+++ b/src/components/middle/panes/BotAdPane.module.scss
@@ -40,7 +40,7 @@
 
 .title, .info {
   font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.25rem;
 }
 
diff --git a/src/components/middle/panes/HeaderPinnedMessage.module.scss b/src/components/middle/panes/HeaderPinnedMessage.module.scss
index 6cb256dff..e307e6d6f 100644
--- a/src/components/middle/panes/HeaderPinnedMessage.module.scss
+++ b/src/components/middle/panes/HeaderPinnedMessage.module.scss
@@ -132,7 +132,7 @@
 }
 
 .title {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
   line-height: 1rem;
   height: 1rem;
@@ -170,7 +170,7 @@
   text-overflow: ellipsis;
   border-radius: 1.5rem;
   padding: 0 0.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-transform: none;
   height: 2rem;
   max-width: 10rem;
diff --git a/src/components/middle/search/MiddleSearch.module.scss b/src/components/middle/search/MiddleSearch.module.scss
index c20dbd089..d776fc936 100644
--- a/src/components/middle/search/MiddleSearch.module.scss
+++ b/src/components/middle/search/MiddleSearch.module.scss
@@ -218,7 +218,7 @@
 
   color: var(--color-text-secondary);
   background-color: var(--color-item-active);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   margin-bottom: 0;
 }
diff --git a/src/components/modals/boost/BoostModal.module.scss b/src/components/modals/boost/BoostModal.module.scss
index 8d881d205..0199849e8 100644
--- a/src/components/modals/boost/BoostModal.module.scss
+++ b/src/components/modals/boost/BoostModal.module.scss
@@ -32,7 +32,7 @@
 }
 
 .bold {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .chip {
diff --git a/src/components/modals/chatlist/ChatlistModal.module.scss b/src/components/modals/chatlist/ChatlistModal.module.scss
index b151813f0..2cbb633bd 100644
--- a/src/components/modals/chatlist/ChatlistModal.module.scss
+++ b/src/components/modals/chatlist/ChatlistModal.module.scss
@@ -15,7 +15,7 @@
 }
 
 .picker-header-info {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text-secondary);
 }
 
diff --git a/src/components/modals/gift/GiftComposer.module.scss b/src/components/modals/gift/GiftComposer.module.scss
index feca9a91a..85e5c54f0 100644
--- a/src/components/modals/gift/GiftComposer.module.scss
+++ b/src/components/modals/gift/GiftComposer.module.scss
@@ -21,7 +21,7 @@
 .title {
   margin-inline: 0.5rem;
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .balance-container {
@@ -42,7 +42,7 @@
 .balance {
   display: flex;
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   align-items: center;
 }
 
diff --git a/src/components/modals/gift/GiftItem.module.scss b/src/components/modals/gift/GiftItem.module.scss
index 700666ef1..7e9e29ff8 100644
--- a/src/components/modals/gift/GiftItem.module.scss
+++ b/src/components/modals/gift/GiftItem.module.scss
@@ -39,7 +39,7 @@
 
 .monthsDescription {
   margin-top: 0.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .description {
diff --git a/src/components/modals/gift/GiftModal.module.scss b/src/components/modals/gift/GiftModal.module.scss
index 8040a17d1..12e0a39c4 100644
--- a/src/components/modals/gift/GiftModal.module.scss
+++ b/src/components/modals/gift/GiftModal.module.scss
@@ -88,7 +88,7 @@
 
 .headerText {
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin-bottom: 0;
 }
 
diff --git a/src/components/modals/gift/info/GiftInfoModal.module.scss b/src/components/modals/gift/info/GiftInfoModal.module.scss
index 406ca628e..62ca2ceb3 100644
--- a/src/components/modals/gift/info/GiftInfoModal.module.scss
+++ b/src/components/modals/gift/info/GiftInfoModal.module.scss
@@ -11,7 +11,7 @@
   display: flex;
   gap: 0.25rem;
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.325;
 }
 
diff --git a/src/components/modals/paidReaction/StarSlider.module.scss b/src/components/modals/paidReaction/StarSlider.module.scss
index 155049a22..ef305d29e 100644
--- a/src/components/modals/paidReaction/StarSlider.module.scss
+++ b/src/components/modals/paidReaction/StarSlider.module.scss
@@ -123,7 +123,7 @@
 
   line-height: 1;
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: white;
   white-space: nowrap;
 }
diff --git a/src/components/modals/reportModal/ReportModal.module.scss b/src/components/modals/reportModal/ReportModal.module.scss
index c58601046..5343debf0 100644
--- a/src/components/modals/reportModal/ReportModal.module.scss
+++ b/src/components/modals/reportModal/ReportModal.module.scss
@@ -43,7 +43,7 @@
   color: var(--color-primary);
   padding-inline: 1rem;
   margin-top: 0.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 1rem;
 }
 
diff --git a/src/components/modals/stars/StarTopupOptionList.module.scss b/src/components/modals/stars/StarTopupOptionList.module.scss
index b0b3277e0..6b37bba0a 100644
--- a/src/components/modals/stars/StarTopupOptionList.module.scss
+++ b/src/components/modals/stars/StarTopupOptionList.module.scss
@@ -41,7 +41,7 @@
   align-items: center;
   gap: 0.25rem;
 
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 1.5rem;
   line-height: 1;
 }
diff --git a/src/components/modals/stars/StarsBalanceModal.module.scss b/src/components/modals/stars/StarsBalanceModal.module.scss
index 95d9050a4..93b221898 100644
--- a/src/components/modals/stars/StarsBalanceModal.module.scss
+++ b/src/components/modals/stars/StarsBalanceModal.module.scss
@@ -43,7 +43,7 @@
 
 .sectionTitle {
   color: var(--color-primary);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 1rem;
   align-self: flex-start;
   padding: 0.25rem 0.75rem;
@@ -74,7 +74,7 @@
 
 .headerHext {
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   margin-inline: 0.5rem;
 }
@@ -104,7 +104,7 @@
 
 .starHeaderText {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0 0 0 3rem;
   unicode-bidi: plaintext;
 }
@@ -137,7 +137,7 @@
 
 .balanceBottom {
   line-height: 1.5;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   display: flex;
   align-items: center;
   gap: 0.25rem;
diff --git a/src/components/modals/stars/gift/StarsGiftModal.module.scss b/src/components/modals/stars/gift/StarsGiftModal.module.scss
index f26483b6e..147445d71 100644
--- a/src/components/modals/stars/gift/StarsGiftModal.module.scss
+++ b/src/components/modals/stars/gift/StarsGiftModal.module.scss
@@ -67,7 +67,7 @@
 
 .starHeaderText {
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0 0 0 3.5rem;
   unicode-bidi: plaintext;
 }
diff --git a/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss b/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss
index bd8ae094c..3fae28dd8 100644
--- a/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss
+++ b/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss
@@ -41,7 +41,7 @@
 }
 
 .amount {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .title, .description, .subtitle {
diff --git a/src/components/modals/stars/transaction/StarsTransactionItem.module.scss b/src/components/modals/stars/transaction/StarsTransactionItem.module.scss
index 4a8cec3e6..0ef1f1004 100644
--- a/src/components/modals/stars/transaction/StarsTransactionItem.module.scss
+++ b/src/components/modals/stars/transaction/StarsTransactionItem.module.scss
@@ -27,7 +27,7 @@
 }
 
 .amount {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .title, .description, .date {
diff --git a/src/components/modals/stars/transaction/StarsTransactionModal.module.scss b/src/components/modals/stars/transaction/StarsTransactionModal.module.scss
index 80411b8a3..ab0213562 100644
--- a/src/components/modals/stars/transaction/StarsTransactionModal.module.scss
+++ b/src/components/modals/stars/transaction/StarsTransactionModal.module.scss
@@ -29,7 +29,7 @@
   display: flex;
   gap: 0.25rem;
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.325;
 }
 
@@ -41,7 +41,7 @@
   text-align: center;
   text-wrap: balance;
   font-size: 1.5rem;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   margin: 0.5rem 0 0.25rem;
 }
 
diff --git a/src/components/modals/webApp/MinimizedWebAppModal.module.scss b/src/components/modals/webApp/MinimizedWebAppModal.module.scss
index a0f6b25f7..ba7d9b9b9 100644
--- a/src/components/modals/webApp/MinimizedWebAppModal.module.scss
+++ b/src/components/modals/webApp/MinimizedWebAppModal.module.scss
@@ -1,7 +1,7 @@
 .root {
   height: 2.5rem;
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   border-radius: var(--border-radius-default);
   background-color: transparent;
diff --git a/src/components/modals/webApp/MoreAppsTabContent.module.scss b/src/components/modals/webApp/MoreAppsTabContent.module.scss
index 001186c56..05e8cefeb 100644
--- a/src/components/modals/webApp/MoreAppsTabContent.module.scss
+++ b/src/components/modals/webApp/MoreAppsTabContent.module.scss
@@ -19,7 +19,7 @@
 
 .section-title {
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   padding: 0.5rem;
   padding-block: 0.25rem;
   justify-content: space-between;
diff --git a/src/components/modals/webApp/WebAppGridItem.module.scss b/src/components/modals/webApp/WebAppGridItem.module.scss
index 46da71fa3..2f8f2d352 100644
--- a/src/components/modals/webApp/WebAppGridItem.module.scss
+++ b/src/components/modals/webApp/WebAppGridItem.module.scss
@@ -13,7 +13,7 @@
 
 .user-count-badge {
   font-family: var(--font-family-condensed);
-  font-weight: 600 !important;
+  font-weight: var(--font-weight-semibold) !important;
   font-size: 0.5rem !important;
   border-width: 1px !important;
   bottom: 0 !important;
@@ -34,6 +34,6 @@
   font-size: 0.625rem !important;
 
   height: 1.625rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 0.75rem;
 }
diff --git a/src/components/modals/webApp/WebAppModal.module.scss b/src/components/modals/webApp/WebAppModal.module.scss
index 5e8437077..0f5d13ade 100644
--- a/src/components/modals/webApp/WebAppModal.module.scss
+++ b/src/components/modals/webApp/WebAppModal.module.scss
@@ -256,7 +256,7 @@
   padding-right: 1rem;
 
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-overflow: ellipsis;
 
   border-top-right-radius: var(--border-radius-default);
diff --git a/src/components/modals/webApp/WebAppModalTabContent.module.scss b/src/components/modals/webApp/WebAppModalTabContent.module.scss
index 059ae0336..6b4dea72d 100644
--- a/src/components/modals/webApp/WebAppModalTabContent.module.scss
+++ b/src/components/modals/webApp/WebAppModalTabContent.module.scss
@@ -296,7 +296,7 @@
   height: 1.75rem;
   width: fit-content;
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   position: relative;
   cursor: var(--custom-cursor, pointer);
   flex-shrink: 0;
diff --git a/src/components/payment/Checkout.module.scss b/src/components/payment/Checkout.module.scss
index 041489892..7ec419642 100644
--- a/src/components/payment/Checkout.module.scss
+++ b/src/components/payment/Checkout.module.scss
@@ -47,7 +47,7 @@
   flex-direction: row;
   align-content: space-between;
   color: var(--color-text-secondary);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   &-main {
     color: var(--color-text);
@@ -77,7 +77,7 @@
   color: var(--color-primary);
   transition: background-color 200ms, color 200ms;
   cursor: var(--custom-cursor, pointer);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 
   &:hover,
   &:focus {
@@ -123,7 +123,7 @@
     font-size: 1rem;
     line-height: 1.4375rem;
     margin-bottom: 0;
-    font-weight: 400;
+    font-weight: var(--font-weight-normal);
     word-break: break-word;
     color: var(--color-text);
     text-transform: capitalize;
diff --git a/src/components/payment/PaymentModal.scss b/src/components/payment/PaymentModal.scss
index f2a6fa706..6fd7a2576 100644
--- a/src/components/payment/PaymentModal.scss
+++ b/src/components/payment/PaymentModal.scss
@@ -71,7 +71,7 @@ $modalHeaderAndFooterHeight: 8.375rem;
 
     button {
       text-transform: none;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
     }
 
     .button-text {
diff --git a/src/components/payment/ReceiptModal.module.scss b/src/components/payment/ReceiptModal.module.scss
index ecda4b39f..69f350855 100644
--- a/src/components/payment/ReceiptModal.module.scss
+++ b/src/components/payment/ReceiptModal.module.scss
@@ -23,7 +23,7 @@
   display: flex;
   gap: 0.25rem;
   font-size: 1.25rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: 1.325;
 }
 
diff --git a/src/components/payment/Shipping.scss b/src/components/payment/Shipping.scss
index dbfe727ad..960ea5b01 100644
--- a/src/components/payment/Shipping.scss
+++ b/src/components/payment/Shipping.scss
@@ -4,7 +4,7 @@
   form {
     p {
       color: var(--color-text-secondary);
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
       margin: 0.5rem 0 2rem;
     }
 
diff --git a/src/components/right/ManageTopic.module.scss b/src/components/right/ManageTopic.module.scss
index a32a28484..6c3d7c8e1 100644
--- a/src/components/right/ManageTopic.module.scss
+++ b/src/components/right/ManageTopic.module.scss
@@ -57,7 +57,7 @@
 }
 
 .heading {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 0.9375rem;
   color: var(--color-text-secondary);
 }
diff --git a/src/components/right/PollAnswerResults.scss b/src/components/right/PollAnswerResults.scss
index 4627ec863..fca81564b 100644
--- a/src/components/right/PollAnswerResults.scss
+++ b/src/components/right/PollAnswerResults.scss
@@ -9,7 +9,7 @@
     align-items: center;
     font-size: 0.9375rem;
     line-height: 1.3125rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     color: var(--color-text-secondary);
     padding: 1rem 0.75rem 0.5rem 1rem;
     position: sticky;
diff --git a/src/components/right/RightColumn.scss b/src/components/right/RightColumn.scss
index 78cb89386..404d93474 100644
--- a/src/components/right/RightColumn.scss
+++ b/src/components/right/RightColumn.scss
@@ -51,7 +51,7 @@
       align-items: center;
 
       h3 {
-        font-weight: 500;
+        font-weight: var(--font-weight-medium);
         font-size: 1.25rem;
         line-height: 2rem;
         white-space: pre-wrap;
diff --git a/src/components/right/RightHeader.scss b/src/components/right/RightHeader.scss
index 77cbc27b7..1684943c2 100644
--- a/src/components/right/RightHeader.scss
+++ b/src/components/right/RightHeader.scss
@@ -26,7 +26,7 @@
   .title {
     margin-bottom: 0;
     font-size: 1.25rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     margin-left: 1.375rem;
   }
 
diff --git a/src/components/right/StickerSearch.scss b/src/components/right/StickerSearch.scss
index c9d7602f1..b83690f0d 100644
--- a/src/components/right/StickerSearch.scss
+++ b/src/components/right/StickerSearch.scss
@@ -8,7 +8,7 @@
   .helper-text {
     padding: 1rem;
     margin-bottom: 0.125rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     color: var(--color-text-secondary);
   }
 
diff --git a/src/components/right/statistics/BoostStatistics.module.scss b/src/components/right/statistics/BoostStatistics.module.scss
index 474fded04..ca926f7f7 100644
--- a/src/components/right/statistics/BoostStatistics.module.scss
+++ b/src/components/right/statistics/BoostStatistics.module.scss
@@ -13,7 +13,7 @@
 }
 
 .section-header {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text-secondary);
 }
 
@@ -97,7 +97,7 @@
 
 .floatingBadgeValue {
   font-size: 0.875rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .content {
diff --git a/src/components/right/statistics/Statistics.module.scss b/src/components/right/statistics/Statistics.module.scss
index 4c497c9f0..5e96f147c 100644
--- a/src/components/right/statistics/Statistics.module.scss
+++ b/src/components/right/statistics/Statistics.module.scss
@@ -16,7 +16,7 @@
   :global(.lovely-chart--tooltip-title),
   :global(.lovely-chart--tooltip-dataset-value),
   :global(.lovely-chart--percentage-title) {
-    font-weight: 500 !important;
+    font-weight: var(--font-weight-medium) !important;
   }
 
   :global(.lovely-chart--container-type-pie) {
diff --git a/src/components/right/statistics/StatisticsOverview.module.scss b/src/components/right/statistics/StatisticsOverview.module.scss
index 55076f55b..396d40d06 100644
--- a/src/components/right/statistics/StatisticsOverview.module.scss
+++ b/src/components/right/statistics/StatisticsOverview.module.scss
@@ -6,7 +6,7 @@
 
 .header {
   margin-bottom: 0.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -43,7 +43,7 @@
 }
 
 .tableValue {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   font-size: 1.25rem;
 }
 
diff --git a/src/components/story/StealthModeModal.module.scss b/src/components/story/StealthModeModal.module.scss
index 3a68bf4fd..ec6f453dd 100644
--- a/src/components/story/StealthModeModal.module.scss
+++ b/src/components/story/StealthModeModal.module.scss
@@ -24,7 +24,7 @@
 
 .title {
   margin-top: 0.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text);
 }
 
diff --git a/src/components/story/StorySettings.module.scss b/src/components/story/StorySettings.module.scss
index 731de88d3..34ed1538e 100644
--- a/src/components/story/StorySettings.module.scss
+++ b/src/components/story/StorySettings.module.scss
@@ -47,7 +47,7 @@
 
 .title {
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   color: var(--color-text-secondary);
   padding: 0 0.75rem 0.75rem;
 }
diff --git a/src/components/story/StoryViewer.module.scss b/src/components/story/StoryViewer.module.scss
index 6ddd6da2e..ea07d63f3 100644
--- a/src/components/story/StoryViewer.module.scss
+++ b/src/components/story/StoryViewer.module.scss
@@ -301,7 +301,7 @@
   margin-top: 0.25rem;
   color: var(--color-white);
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -399,7 +399,7 @@
 
 .senderName {
   font-size: 1rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   overflow: hidden;
   text-overflow: ellipsis;
   min-width: 0;
@@ -604,7 +604,7 @@
   bottom: -0.25rem;
   right: 0.5rem;
   color: var(--color-white);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   cursor: var(--custom-cursor, pointer);
 }
 
diff --git a/src/components/story/mediaArea/MediaArea.module.scss b/src/components/story/mediaArea/MediaArea.module.scss
index 1aad3302b..17ba9b2d2 100644
--- a/src/components/story/mediaArea/MediaArea.module.scss
+++ b/src/components/story/mediaArea/MediaArea.module.scss
@@ -131,7 +131,7 @@
   bottom: 8%;
   left: 50%;
   transform: translateX(-50%);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .weather {
@@ -155,6 +155,6 @@
 
 .temperature {
   font-family: var(--font-family-condensed);
-  font-weight: 700;
+  font-weight: var(--font-weight-semibold);
   margin: 0;
 }
diff --git a/src/components/ui/Badge.module.scss b/src/components/ui/Badge.module.scss
index fb9e6793b..91af7da49 100644
--- a/src/components/ui/Badge.module.scss
+++ b/src/components/ui/Badge.module.scss
@@ -5,7 +5,7 @@
   padding: 0 0.4375rem;
   font-size: 0.875rem;
   line-height: 1.5625rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   text-align: center;
   flex-shrink: 0;
 }
diff --git a/src/components/ui/Button.scss b/src/components/ui/Button.scss
index 22161fe3d..0bd1e1535 100644
--- a/src/components/ui/Button.scss
+++ b/src/components/ui/Button.scss
@@ -346,7 +346,7 @@
     padding: 0.4375rem;
     border-radius: var(--border-radius-default-small);
     font-size: 0.875rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
 
     &.round {
       width: 2.25rem;
diff --git a/src/components/ui/MenuItem.scss b/src/components/ui/MenuItem.scss
index d00f8f792..4d03e2761 100644
--- a/src/components/ui/MenuItem.scss
+++ b/src/components/ui/MenuItem.scss
@@ -26,7 +26,7 @@
     color: white;
     font-size: 0.875rem;
     line-height: 1.5rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     text-align: center;
     flex-shrink: 0;
   }
@@ -132,7 +132,7 @@
     padding-inline-end: 0.75rem; // Icon padding + padding for symmetry
     border-radius: 0.375rem;
     width: auto;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     transform: scale(1);
     transition: 0.15s ease-in-out transform;
 
@@ -161,7 +161,7 @@
   }
 
   b {
-    font-weight: 600;
+    font-weight: var(--font-weight-semibold);
   }
 
   &.wrap {
@@ -172,7 +172,7 @@
   &.menu-custom-emoji-sets {
     margin: 0 0.25rem;
     padding: 0.5rem 0.75rem;
-    font-weight: 400;
+    font-weight: var(--font-weight-normal);
     font-size: small;
     line-height: 1.125rem;
   }
diff --git a/src/components/ui/Modal.scss b/src/components/ui/Modal.scss
index a70e6d028..15cbfc506 100644
--- a/src/components/ui/Modal.scss
+++ b/src/components/ui/Modal.scss
@@ -111,7 +111,7 @@
 
   .modal-title {
     font-size: 1.25rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     flex: 1 1 auto;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/components/ui/Notification.scss b/src/components/ui/Notification.scss
index 3c35b31a7..47d94a44c 100644
--- a/src/components/ui/Notification.scss
+++ b/src/components/ui/Notification.scss
@@ -40,7 +40,7 @@
   }
 
   .notification-title {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
   }
 
   .notification-icon {
@@ -61,7 +61,7 @@
 
   .notification-button {
     color: var(--color-primary);
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     text-transform: none;
     margin-inline-start: 0.125rem;
     height: 2rem;
diff --git a/src/components/ui/RangeSlider.scss b/src/components/ui/RangeSlider.scss
index 123ecc9d3..d26183bb8 100644
--- a/src/components/ui/RangeSlider.scss
+++ b/src/components/ui/RangeSlider.scss
@@ -133,7 +133,7 @@
     }
 
     &.active {
-      font-weight: 500;
+      font-weight: var(--font-weight-medium);
     }
 
     &:first-child {
diff --git a/src/components/ui/RangeSliderWithMarks.module.scss b/src/components/ui/RangeSliderWithMarks.module.scss
index 516699ba5..d82905040 100644
--- a/src/components/ui/RangeSliderWithMarks.module.scss
+++ b/src/components/ui/RangeSliderWithMarks.module.scss
@@ -41,7 +41,7 @@
 
 .mark {
   font-size: 0.8125rem;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   color: var(--color-text-secondary);
   position: relative;
   display: flex;
diff --git a/src/components/ui/RoundTimer.module.scss b/src/components/ui/RoundTimer.module.scss
index 583ef182f..75de2d73e 100644
--- a/src/components/ui/RoundTimer.module.scss
+++ b/src/components/ui/RoundTimer.module.scss
@@ -1,7 +1,7 @@
 .root {
   position: relative;
   color: var(--color-primary);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 .svg {
diff --git a/src/components/ui/Tab.scss b/src/components/ui/Tab.scss
index 5a2741a61..3c1825bfd 100644
--- a/src/components/ui/Tab.scss
+++ b/src/components/ui/Tab.scss
@@ -61,7 +61,7 @@
     color: white;
     font-size: 0.875rem;
     line-height: 1.3125rem;
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     text-align: center;
     flex-shrink: 0;
 
diff --git a/src/styles/_forms.scss b/src/styles/_forms.scss
index b0630891b..32e2fa491 100644
--- a/src/styles/_forms.scss
+++ b/src/styles/_forms.scss
@@ -21,7 +21,7 @@
     padding: 0 0.3125rem;
     background-color: var(--color-background);
     font-size: 1rem;
-    font-weight: 400;
+    font-weight: var(--font-weight-normal);
     color: var(--color-placeholders);
     transition: transform 0.15s ease-out, color 0.15s ease-out;
     cursor: var(--custom-cursor, text);
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 22071bd95..ffab0e5b1 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -20,7 +20,7 @@ body {
   padding: 0;
   font-size: 16px;
   color: var(--color-text);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   line-height: 1.5;
   text-align: left;
   overflow: hidden;
diff --git a/src/styles/reboot.css b/src/styles/reboot.css
index b7da9a31f..fe20e9dc3 100644
--- a/src/styles/reboot.css
+++ b/src/styles/reboot.css
@@ -54,7 +54,7 @@ h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 abbr[title],
@@ -102,7 +102,7 @@ dfn {
 dt,
 b,
 strong {
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
 }
 
 small {