chore: update colors to new design

components/TempDesignSystem/Text/Body/body.module.css

@@ -56,4 +56,8 @@
 
 .red {
   color: var(--Scandic-Brand-Scandic-Red);
-}
+}
+
+.white {
+  color: var(--Scandic-Opacity-White-100);
+}

components/TempDesignSystem/Text/Body/variants.ts

@@ -9,6 +9,7 @@ const config = {
       burgundy: styles.burgundy,
       pale: styles.pale,
       red: styles.red,
+      white: styles.white,
     },
     textAlign: {
       center: styles.textAlignCenter,

components/TempDesignSystem/Text/Title/title.module.css

@@ -107,3 +107,7 @@
 .red {
   color: var(--Scandic-Brand-Scandic-Red);
 }
+
+.white {
+  color: var(--Scandic-Opacity-White-100);
+}

components/TempDesignSystem/Text/Title/variants.ts

@@ -10,6 +10,7 @@ const config = {
       pale: styles.pale,
       peach80: styles.peach80,
       red: styles.red,
+      white: styles.white,
     },
     textAlign: {
       center: styles.center,