Add font-weight variables

assets/scss/globals.scss

@@ -7,4 +7,9 @@ $grey-80: #E9E9E9;
 $grey-90: #F6F6F6;
 
 $blue: #61B3FF;
-$red: #FF6161;
+$red: #FF6161;
+
+// Font weight
+$normal: 400;
+$medium: 500;
+$bold: 600;

src/components/App/index.scss

@@ -30,7 +30,7 @@ h1, h2, h3, p {
 
 h1 {
     font-size: 2.1rem;
-    font-weight: 500;
+    font-weight: $medium;
     text-align: center;
 }
 

src/components/Button/index.scss

@@ -1,13 +1,13 @@
-.Button {
-    -webkit-font-smoothing: antialiased;
+button {
     border: none;
-    box-shadow: none;
+    font-weight: $medium;
+}
 
+.Button {
     align-items: center;
     border-radius: 6px;
     display: inline-flex;
     font-size: 1.4rem;
-    font-weight: 600;
     gap: 6px;
     padding: 8px 12px;
 

src/components/HeaderMenu/index.scss

@@ -10,7 +10,7 @@
 
 .MenuItem {
     color: $grey-10;
-    font-weight: 500;
+    font-weight: $medium;
     padding: 6px 12px;
 
     &:hover {

src/components/Segment/index.scss

@@ -3,7 +3,7 @@
     color: $grey-10;
     cursor: pointer;
     font-size: 1.4rem;
-    font-weight: 500;
+    font-weight: $medium;
     min-width: 100px;
 
     &:hover label {