feat: spaces, link colors, card icon, card background and border

packages/base/Resources/Public/Icons/arrow-up-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 7H17V17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 17L17 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -30,6 +30,7 @@ h1, h2, h3, h4, h5, h6 {
   color: var(--color-primary);
   font-weight: 700;
   line-height: 1;
+  @apply mb-4
 }
 
 h1 {
@@ -81,10 +82,7 @@ a {
     color: var(--bs-primary);
     text-decoration: none;
     font-weight: 700;
-
-    &:hover {
-      color: var(--bs-primary)
-    }
+    @apply text-primary hover:text-primary-dark;
 }
 
 button, .btn {

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

@@ -33,6 +33,9 @@
 .ci-arrow-down::before {
   mask-image: url(../Icons/arrow-down.svg);
 }
+.ci-arrow-up-right::before {
+  mask-image: url(../Icons/arrow-up-right.svg);
+}
 
 .ci-email::before {
   mask-image: url(../Icons/email.svg);

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

@@ -1,6 +1,8 @@
 :root {
   --color-primary: #0B197D;
   --color-primary-dark: #08145C;
+  --color-light-grey: #F6F6F6;
+  --color-dark-grey: #00000026;
 }
 
 body {