fix(SW-184): added some variables and other small fixes related to comments on PR

components/Header/MainMenu/Avatar/avatar.module.css

@@ -12,5 +12,5 @@
 .initials {
   font-size: 0.75rem;
   color: var(--Base-Text-Inverted);
-  background-color: var(--Scandic-Peach-70);
+  background-color: var(--Base-Icon-Low-contrast);
 }

components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css

@@ -39,7 +39,7 @@
   text-decoration: none;
   padding: var(--Spacing-x1);
   gap: var(--Spacing-x-one-and-half);
-  color: var(--Scandic-Brand-Burgundy);
+  color: var(--Base-Text-High-contrast);
   font-family: var(--typography-Body-Bold-fontFamily);
   font-size: var(--typography-Body-Bold-fontSize);
   font-weight: 500;

components/Header/tempHeaderData.ts

@@ -1,4 +1,4 @@
-import { MainNavigationItem } from "@/types/components/header/mainNavigationItem"
+import type { MainNavigationItem } from "@/types/components/header/mainNavigationItem"
 
 export const navigationMenuItems: MainNavigationItem[] = [
   {

components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -53,7 +53,6 @@ export default function LanguageSwitcherContent({
                 <li key={key}>
                   <Link
                     className={`${styles.link} ${isActive ? styles.active : ""}`}
-                    color="burgundy"
                     href={url}
                   >
                     {languages[key]}

components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css

@@ -27,7 +27,7 @@
   font-family: var(--typography-Subtitle-2-fontFamily);
   font-size: var(--typography-Subtitle-2-Mobile-fontSize);
   font-weight: var(--typography-Subtitle-2-fontWeight);
-  color: var(--Base-Text-High-contrast, #4d001b);
+  color: var(--Base-Text-High-contrast);
 }
 
 .list {
@@ -53,7 +53,7 @@
 .link.active,
 .link:hover {
   background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 @media screen and (min-width: 768px) {