update a lot of change since a while

app/assets/scss/base/_colors.scss

@@ -10,4 +10,8 @@ $rouge_transparent: #e3061391;
 $vert: green;
 
 $bleu_fonce: #0056b3;
-$bleu_clair: #007bff;
+$bleu_clair: #007bff;
+
+
+
+

app/assets/scss/base/_fonts.scss

@@ -1,81 +1,76 @@
-@font-face {
-  font-family: 'brandontext_black_italic';
-  src: url('~/assets/fonts/brandontext_black_italic.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'brandontext_black';
-  src: url('~/assets/fonts/brandontext_black.woff2') format('woff2');
-}
 @font-face {
   font-family: 'brandontext_bold_italic';
-  src: url('~/assets/fonts/brandontext_bold_italic.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_boldItalic.woff2') format('woff2');
 }
 @font-face {
   font-family: 'brandontext_bold';
-  src: url('~/assets/fonts/brandontext_bold.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'brandontext_light_italic';
-  src: url('~/assets/fonts/brandontext_light_italic.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'brandontext_light';
-  src: url('~/assets/fonts/brandontext_light.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_bold.woff2') format('woff2');
 }
 @font-face {
   font-family: 'brandontext_medium_italic';
-  src: url('~/assets/fonts/brandontext_medium_italic.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_mediumItalic.woff2') format('woff2');
 }
 @font-face {
   font-family: 'brandontext_medium';
-  src: url('~/assets/fonts/brandontext_medium.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_medium.woff2') format('woff2');
 }
 @font-face {
   font-family: 'brandontext_regular_italic';
-  src: url('~/assets/fonts/brandontext_regular_italic.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_regularItalic.woff2') format('woff2');
 }
 @font-face {
   font-family: 'brandontext_regular';
-  src: url('~/assets/fonts/brandontext_regular.woff2') format('woff2');
+  src: url('@/assets/fonts/brandontext_regular.woff2') format('woff2');
 }
-@font-face {
-  font-family: 'brandontext_thin_italic';
-  src: url('~/assets/fonts/brandontext_thin_italic.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'brandontext_thin';
-  src: url('~/assets/fonts/brandontext_thin.woff2') format('woff2');
-}
-
 @font-face {
   font-family: 'barlow_medium';
-  src: url('~/assets/fonts/barlow_medium.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_medium.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_semibold';
-  src: url('~/assets/fonts/barlow_semibold.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_semibold.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_regular';
-  src: url('~/assets/fonts/barlow_regular.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_regular.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_light';
-  src: url('~/assets/fonts/barlow_light.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_light.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_extrabold';
-  src: url('~/assets/fonts/barlow_extrabold.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_extrabold.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_bold';
-  src: url('~/assets/fonts/barlow_bold.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_bold.ttf') format('truetype');
 }
 @font-face {
   font-family: 'barlow_black';
-  src: url('~/assets/fonts/barlow_black.ttf') format('truetype');
+  src: url('@/assets/fonts/barlow_black.ttf') format('truetype');
 }
 
+@font-face {
+  font-family: "Roboto Flex";
+  src: url("@/assets/fonts/robotoflex.ttf") format("truetype");
+  font-weight: 100 1000;
+  font-stretch: 25% 151%;
+  font-style: oblique 0deg 10deg;
+  font-display: swap;
+}
+
+
 .brandontext_bold {
   font-family: brandontext_bold !important;
-}
+}
+
+.roboto_regular {
+  font-family: Roboto Flex;
+  font-weight: 400
+}
+
+.roboto_semibold {
+  font-family: Roboto Flex;
+  font-weight: 600
+}

app/assets/scss/base/_reset.scss

@@ -2,6 +2,9 @@
 	margin: 0;
 	padding: 0;
 }
+*, *::before, *::after {
+  box-sizing: border-box;
+}
 
 h1, h2, h3, h4, h5, h6 {
 	font-size: inherit;

app/assets/scss/base/_spaces.scss

@@ -19,3 +19,10 @@
 .height_33 {
     height: 33px;
 }
+
+.margin_left_-20 {
+    margin-left: -20px;
+}
+.padding_top_1 {
+    padding-top: 1px;
+}

app/assets/scss/base/_text.scss

@@ -1,9 +0,0 @@
-@use 'colors' as *;
-
-h1 {
-    color: red;
-}
-
-p {
-    color: $vert;
-}