ui : update Fonts + colors

src/styles/layout/events/_index.scss

@@ -1 +1 @@
-@import 'events.scss';
+@import 'events';

src/styles/layout/events/events.scss

@@ -1,8 +1,55 @@
+$color-203-87-19: hsl(203, 87.8%, 19.2%);
+$color-357-67-45: hsl(357,67.5%,45.9%);
+$color-212-4-50: hsl(212.7,4.3%,50%);
+$color-0-0-22: hsl(0,0%,22.7%);
 #events {
     width: 100%;
-    sib-event .events sib-form sib-form-dropdown::before {
-        font-family: $rd-font-family;
-        font-size: 24px;
-        line-height: 29px;
+    font-family: "Facit";
+    font-weight: 400;
+    color: $color-0-0-22;
+    sib-event {
+        .red-button,
+        .event-type {
+            background-color: $color-357-67-45;
+        }
+        .event-type,
+        .event-place-name {
+            font-weight: 700;
+        }
+        #listevents [name="name"],
+        sib-display-link-event .mdi::before {
+            color:  $color-357-67-45;
+        }
+        .event-place-name,
+        .nextevent-startdate,
+        sib-display-link-event {
+            color: $color-0-0-22;
+        }
+        .sib-event {
+            font-family: "FacitRegular";
+            sib-form sib-form-dropdown{
+                label div {
+                    height: 2.5rem;
+                }
+                &::before {
+                    font-family: "RefrigeratorDelxW01Bold";
+                    font-size: 24px;
+                    line-height: 29px;
+                    color: $color-203-87-19;
+                    top: -40px;
+                    content: "Research an event";
+                }
+            }
+        }
+        #eventdetail {
+            sib-display div .event-type {
+                width: max-content;
+                padding: 5px 20px; 
+            }
+            [name="longDescription"] p {
+                font-size: 1.6rem;
+                line-height: 2.6rem;
+            }
+        }
     }
 }