Add new variables of colorssila-redesign

Isues: SILABMC-169

1 files changed, 40 insertions, 1 deletions

diff --git a/src/env/assets/styles/_ibs.scss b/src/env/assets/styles/_ibs.scss
index d99324cc..97b1d823 100644
--- a/src/env/assets/styles/_ibs.scss
+++ b/src/env/assets/styles/_ibs.scss
@@ -11,6 +11,11 @@
 }
 @font-face {
   font-family: 'Inter';
+  src: url('~@/env/assets/fonts/Inter/Inter-Light.woff2') format('woff2');
+  font-weight: 300;
+}
+@font-face {
+  font-family: 'Inter';
   src: url('~@/env/assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
   font-weight: 400;
 }
@@ -22,6 +27,11 @@
 }
 @font-face {
   font-family: 'Inter';
+  src: url('~@/env/assets/fonts/Inter/Inter-Medium.woff2') format('woff2');
+  font-weight: 500;
+}
+@font-face {
+  font-family: 'Inter';
   src: url('~@/env/assets/fonts/Inter/Inter-Bold.woff2') format('woff2');
   font-weight: 700;
 }
@@ -36,9 +46,38 @@
 
 $font-family-base: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
-
 $dark: #2c405a;
 
+$red: #E11717;
+$red-hover: #FC2A2A;
+$red-active: #df2323;
+$red-disabled: #E17171;
+$red-click:  #C71414;
+$red-shadow: #e1171780;
+$red-light-background: #e117170d;
+
+$gray-2: #fbfbfc;// #1a3e5b05;
+$gray-5: #1a3e5b0d;
+$gray-5-hover:  #1427351a;
+$gray-10: #1a3e5b1a;
+$gray-20: #1a3e5b33;
+$red-40:#e1171766;
+
+$surface-secondary: #F3F4F5;
+$on-surface-secondary: #040a0f99;
+$on-surface-tretiatry: #040A0F4D;
+
+$text-primary: #0C1C29;
+$text-secondary: #0C1C29E5;
+$text-tretiatry: #0c1c2999;
+$text-quaternary: #0c1c294d;
+
+$login-page-description-color: #0c1c2999;
+
+$primary: $red;
+
+$border-radius: 8px;
+
 $loading-color: #c11d1d;
 $navbar-color: $dark;