feat(WEB-162): final design for my profile page

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

@@ -84,6 +84,10 @@
   text-align: left;
 }
 
+.black {
+  color: #000;
+}
+
 .burgundy {
   color: var(--Scandic-Brand-Burgundy);
 }
@@ -91,3 +95,7 @@
 .pale {
   color: var(--Scandic-Brand-Pale-Peach);
 }
+
+.red {
+  color: var(--Scandic-Brand-Scandic-Red);
+}

components/TempDesignSystem/Text/Title/variants.ts

@@ -5,8 +5,10 @@ import styles from "./title.module.css"
 const config = {
   variants: {
     color: {
+      black: styles.black,
       burgundy: styles.burgundy,
       pale: styles.pale,
+      red: styles.red,
     },
     textAlign: {
       center: styles.center,