feat: many changes

packages/base/Resources/Public/Scss/abstracts/_fonts.scss

@@ -1,64 +1,76 @@
 // Update font file names and ensure no spaces for better compatibility.
 @font-face {
-  font-family: 'Hajime Sans';
-  src: url('../Fonts/Hajime-Sans.woff2') format('woff2');
-  font-weight: 400;
+  font-family: 'Barlow';
+  src: url('../Fonts/Barlow-Medium.woff2') format('woff2');
+  font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Inter';
-  src: url('../Fonts/Inter.woff2') format('woff2');
-  font-weight: 100 900; // Adjust as needed for variable font range
+  font-family: 'Barlow';
+  src: url('../Fonts/Barlow-Bold.woff2') format('woff2');
+  font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
 body {
-  font-family: 'Inter', sans-serif;
+  font-family: 'Barlow', sans-serif;
   font-weight: 500;
+  font-size: 14px;
+
+  @media (min-width: $breakpoint-md) {
+    font-size: 18px;
+  }
 }
 
-h1, h2 {
-  font-family: 'Hajime Sans', sans-serif;
-  color: var(--bs-primary);
-  font-weight: 400;
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Barlow', sans-serif;
+  color: var(--color-primary);
+  font-weight: 700;
   line-height: 1;
 }
 
 h1 {
   font-size: 3rem;
 
-  @media (min-width: $breakpoint-md) {
-    font-size: 4.5rem;
-  }
+  /* @media (min-width: $breakpoint-md) { */
+  /*   font-size: 4.5rem; */
+  /* } */
 }
 
 h2 {
   font-size: 2rem;
 
-  @media (min-width: $breakpoint-md) {
-    font-size: 3rem;
-  }
+  /* @media (min-width: $breakpoint-md) { */
+  /*   font-size: 3rem; */
+  /* } */
 }
 
 h3 {
-  font-size: 1.125rem;
-  font-weight: 600;
+  font-size: 1.75rem;
 
-  @media (min-width: $breakpoint-md) {
-    font-size: 1.5rem;
-  }
+  /* @media (min-width: $breakpoint-md) { */
+  /*   font-size: 1.5rem; */
+  /* } */
 }
 
 h4 {
   font-size: 1.125rem;
-  font-weight: 600;
 
-  @media (min-width: $breakpoint-md) {
-    font-size: 1.5rem;
-  }
+  /* @media (min-width: $breakpoint-md) { */
+  /*   font-size: 1.5rem; */
+  /* } */
+}
+
+h5 {
+  font-size: 0.875rem;
+}
+
+h6 {
+  font-size: 0.875rem;
+  font-weight: 500;
 }
 
 p {
@@ -71,11 +83,11 @@ a {
     font-weight: 700;
 
     &:hover {
-      color: var(--bs-primary-light)
+      color: var(--bs-primary)
     }
 }
 
 button, .btn {
-  font-family: 'Hajime Sans', sans-serif;
-  font-weight: 400;
+  font-family: 'Barlow', sans-serif;
+  font-weight: 700;
 }

packages/base/Resources/Public/Scss/base/_container.scss

@@ -1,6 +1,6 @@
 .container {
   margin: auto;
-  padding: 3rem 1rem;
+  /* padding: 3rem 1rem; */
 
   @include respond($breakpoint-sm) {
     max-width: 540px;

packages/base/Resources/Public/Scss/main.scss

@@ -9,11 +9,11 @@
 @import 'abstracts/icons';
 @import 'abstracts/fade-in';
 @import 'base/base';
-@import 'components/navigation';
-@import 'components/images';
-@import 'components/news';
-@import "components/news_detail";
-@import 'components/footer';
+/* @import 'components/navigation'; */
+/* @import 'components/images'; */
+/* @import 'components/news'; */
+/* @import "components/news_detail"; */
+/* @import 'components/footer'; */
 @import 'components/buttons';
 @import 'layouts/home-page';