1 files changed, 84 insertions, 23 deletions
diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss
index 8281ff52..6009774c 100644
--- a/src/assets/styles/bmc/custom/_base.scss
+++ b/src/assets/styles/bmc/custom/_base.scss
@@ -13,7 +13,7 @@ body {
   &::-webkit-scrollbar-thumb {
     margin-top: $header-height;
     border: 4px solid transparent;
-    background: rgba(14, 32, 48, 0.384);
+    background: $faint-secondary-primary-20;
     border-radius: 16px;
     background-clip: content-box;
   }
@@ -48,7 +48,7 @@ h6,
 }
 
 .regular-12px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
@@ -62,10 +62,13 @@ h6,
     &.tretiatry {
       color: $text-tretiatry;
     }
+    &.quaternary {
+      color: $text-quaternary;
+    }
 }
 
 .light-12px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 300;
@@ -75,8 +78,20 @@ h6,
   color: $text-secondary;
 }
 
+.caption-12px {
+  font-family: 'Inter', sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-tretiatry;
+}
+
+
 .semi-bold-12px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
@@ -86,7 +101,7 @@ h6,
 }
 
 .semi-bold-12px__caps {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
@@ -94,14 +109,17 @@ h6,
     letter-spacing: 0em;
     text-align: left;
     text-transform: uppercase;
-    color: $text-primary !important;
+    color: $text-primary;
     &:hover {
-      color: $text-primary !important;
+      color: $text-primary;
+    }
+    &.tretiatry {
+      color: $text-tretiatry !important;
     }
 }
 
 .bold-12px__caps {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 700;
@@ -113,7 +131,7 @@ h6,
 }
 
 .medium-12px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
@@ -123,8 +141,31 @@ h6,
   color: $text-primary;
 }
 
+.regular-14px {
+  font-family: 'Inter', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-secondary;
+}
+
+
+.regular-16px {
+  font-family: 'Inter', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: 0em;
+  text-align: left;
+}
+
+
 .semi-bold-16px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
@@ -132,8 +173,29 @@ h6,
   color: $text-primary;
 }
 
+.medium-16px {
+  font-family: 'Inter', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-primary;
+}
+
+.bold-16px {
+  font-family: 'Inter', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: 0em;
+  text-align: left;
+}
+
 .bold-16px__caps {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
@@ -144,9 +206,18 @@ h6,
   color: $text-secondary;
 }
 
+.semi-bold-20px {
+  font-family: 'Inter', sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0em;
+  text-align: center;
+}
 
 .bold-24px {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: bold;
   font-weight: 700;
@@ -156,18 +227,8 @@ h6,
   margin: 0;
 }
 
-.text-login {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 16px;
-  color: $login-page-description-color;
-  margin: 0 0 0 15px;
-}
-
 .auth-description {
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;