@telefonica/mistica 16.43.1 → 16.44.0

package/css/blau.css

@@ -3,24 +3,24 @@
     --mistica-blau-white: #ffffff;
     --mistica-blau-blauBluePrimary20: #e5f6fd;
     --mistica-blau-blauBluePrimary: #00b6f1;
-    --mistica-blau-blauRed10: #feece8;
     --mistica-blau-blauBlueSecondary: #0072bc;
-    --mistica-blau-blauBlueSecondary60: #005a99;
+    --mistica-blau-blauRed10: #feece8;
+    --mistica-blau-blauBluePrimary30: #b3e9fb;
     --mistica-blau-grey3: #dddddd;
     --mistica-blau-grey2: #f2f2f2;
     --mistica-blau-grey1: #f6f6f6;
     --mistica-blau-grey5: #666666;
+    --mistica-blau-blauBlueSecondary60: #005a99;
     --mistica-blau-blauRed: #d12937;
     --mistica-blau-blauRed70: #bc3310;
     --mistica-blau-blauPurple10: #f1e7f7;
-    --mistica-blau-blauBluePrimary30: #b3e9fb;
     --mistica-blau-blauBlueSecondary10: #e5f1f9;
     --mistica-blau-blauPurple: #7814b3;
+    --mistica-blau-grey6: #000000;
     --mistica-blau-blauPurple30: #bb89d9;
     --mistica-blau-grey4: #8a8c90;
     --mistica-blau-blauBlueSecondary20: #b2d4ec;
     --mistica-blau-blauBlueSecondary30: #80b7df;
-    --mistica-blau-grey6: #000000;
     --mistica-blau-blauGreen70: #1d7f00;
     --mistica-blau-blauYellow65: #d28200;
     --mistica-blau-blauGreen10: #eafbe5;
@@ -39,8 +39,8 @@
     /* Raw palette colors, for use with rgba() */
     --mistica-blau-raw-blauBlueSecondary: 0, 114, 188;
     --mistica-blau-raw-darkModeBlack: 25, 25, 25;
-    --mistica-blau-raw-white: 255, 255, 255;
     --mistica-blau-raw-grey6: 0, 0, 0;
+    --mistica-blau-raw-white: 255, 255, 255;
     --mistica-blau-raw-darkModeGrey: 36, 36, 36;
     --mistica-blau-raw-blauRed: 209, 41, 55;
     --mistica-blau-raw-blauPurple: 120, 20, 179;
@@ -49,19 +49,24 @@
     --mistica-color-background: var(--mistica-blau-white);
     --mistica-color-backgroundAlternative: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-backgroundBrand: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-backgroundNegative: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-backgroundBrandSecondary: var(--mistica-blau-blauBluePrimary);
     --mistica-color-backgroundContainer: var(--mistica-blau-white);
     --mistica-color-backgroundContainerError: var(--mistica-blau-blauRed10);
     --mistica-color-backgroundContainerHover: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.05);
     --mistica-color-backgroundContainerPressed: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.08);
-    --mistica-color-backgroundContainerBrand: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.2);
-    --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.4);
-    --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-backgroundContainerBrand: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.05);
+    --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.08);
+    --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-backgroundContainerNegative: rgba(var(--mistica-blau-raw-darkModeBlack), 0.4);
+    --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-blau-blauBluePrimary30);
     --mistica-color-backgroundContainerAlternative: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-backgroundOverlay: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.75);
     --mistica-color-backgroundSkeleton: var(--mistica-blau-grey3);
     --mistica-color-backgroundSkeletonInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-blau-raw-grey6), 0.2);
+    --mistica-color-backgroundSkeletonBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-backgroundBrandTop: var(--mistica-blau-blauBluePrimary);
     --mistica-color-backgroundBrandBottom: var(--mistica-blau-blauBluePrimary);
     --mistica-color-appBarBackground: var(--mistica-blau-white);
@@ -73,53 +78,86 @@
     --mistica-color-borderSelected: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-completedStep: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-completedStepInverse: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-completedStepNegative: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-completedStepBrand: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-coverBackgroundHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.25);
     --mistica-color-coverBackgroundPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.35);
     --mistica-color-buttonDangerBackground: var(--mistica-blau-blauRed);
     --mistica-color-buttonDangerBackgroundPressed: var(--mistica-blau-blauRed70);
     --mistica-color-buttonDangerBackgroundHover: var(--mistica-blau-blauRed70);
     --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-blau-white);
+    --mistica-color-buttonLinkDangerBackgroundNegative: var(--mistica-blau-white);
+    --mistica-color-buttonLinkDangerBackgroundBrand: var(--mistica-blau-white);
     --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-blau-white);
     --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-blau-blauRed10);
     --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-blau-blauRed10);
+    --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-blau-blauRed10);
+    --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-blau-blauRed10);
     --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-blau-blauRed10);
     --mistica-color-buttonLinkBackgroundPressed: var(--mistica-blau-blauPurple10);
     --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonPrimaryBackground: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-white);
+    --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-blau-white);
+    --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-blau-white);
     --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-blau-blauBlueSecondary60);
-    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary60);
-    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-buttonSecondaryBackgroundBrand: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorder: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-buttonSecondaryBorderInverse: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderInverse: rgba(var(--mistica-blau-raw-white), 0);
+    --mistica-color-buttonSecondaryBorderNegative: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderBrand: rgba(var(--mistica-blau-raw-white), 0);
     --mistica-color-buttonSecondaryBorderMedia: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderPressed: var(--mistica-blau-blauBlueSecondary60);
-    --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderInversePressed: rgba(var(--mistica-blau-raw-white), 0);
+    --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderBrandPressed: rgba(var(--mistica-blau-raw-white), 0);
     --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-blau-blauBlueSecondary10);
-    --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-buttonSecondaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary10);
+    --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-buttonSecondaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary10);
     --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-blau-raw-white), 0.2);
     --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary10);
-    --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-buttonSecondaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary10);
+    --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-buttonSecondaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary10);
     --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.2);
     --mistica-color-textButtonPrimary: var(--mistica-blau-white);
-    --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-white);
+    --mistica-color-textButtonPrimaryNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-textButtonPrimaryBrand: var(--mistica-blau-white);
     --mistica-color-textButtonPrimaryMedia: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-white);
+    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-blau-white);
     --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-textButtonSecondary: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-white);
+    --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-textButtonSecondaryNegative: var(--mistica-blau-white);
+    --mistica-color-textButtonSecondaryBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-textButtonSecondaryMedia: var(--mistica-blau-white);
     --mistica-color-textButtonSecondaryPressed: var(--mistica-blau-blauBlueSecondary60);
-    --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-white);
+    --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-blau-white);
+    --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-blau-white);
     --mistica-color-textLink: var(--mistica-blau-blauPurple);
-    --mistica-color-textLinkInverse: var(--mistica-blau-white);
+    --mistica-color-textLinkInverse: var(--mistica-blau-grey6);
+    --mistica-color-textLinkNegative: var(--mistica-blau-white);
+    --mistica-color-textLinkBrand: var(--mistica-blau-grey6);
     --mistica-color-textLinkMedia: var(--mistica-blau-white);
     --mistica-color-textLinkDanger: var(--mistica-blau-blauRed);
     --mistica-color-textLinkDangerMedia: var(--mistica-blau-blauRed);
@@ -127,22 +165,39 @@
     --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-textBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-inputBorder: var(--mistica-blau-grey4);
-    --mistica-color-inputBorderInverse: var(--mistica-blau-white);
+    --mistica-color-inputBorderInverse: var(--mistica-blau-grey6);
+    --mistica-color-inputBorderNegative: var(--mistica-blau-white);
+    --mistica-color-inputBorderBrand: var(--mistica-blau-grey6);
     --mistica-color-control: var(--mistica-blau-grey4);
     --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
-    --mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);
-    --mistica-color-controlActivatedInverse: var(--mistica-blau-white);
+    --mistica-color-controlInverse: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-controlNegative: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-controlBrand: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-controlActivatedInverse: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-controlActivatedNegative: var(--mistica-blau-white);
+    --mistica-color-controlActivatedBrand: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-controlError: var(--mistica-blau-blauRed);
+    --mistica-color-chevronIndicator: var(--mistica-blau-grey5);
     --mistica-color-barTrack: var(--mistica-blau-grey3);
     --mistica-color-barTrackInverse: rgba(var(--mistica-blau-raw-grey6), 0.2);
+    --mistica-color-barTrackNegative: rgba(var(--mistica-blau-raw-grey6), 0.2);
+    --mistica-color-barTrackBrand: rgba(var(--mistica-blau-raw-grey6), 0.2);
     --mistica-color-loadingBar: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-loadingBarBackground: var(--mistica-blau-blauBlueSecondary20);
     --mistica-color-toggleAndroidInactive: var(--mistica-blau-grey2);
     --mistica-color-toggleAndroidBackgroundActive: var(--mistica-blau-blauBlueSecondary30);
+    --mistica-color-toggleAndroidActiveBrand: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-blau-grey2);
+    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-blau-blauBlueSecondary30);
+    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-blau-grey2);
     --mistica-color-iosControlKnob: var(--mistica-blau-white);
-    --mistica-color-controlKnobInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-controlKnobInverse: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-controlKnobNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-controlKnobBrand: var(--mistica-blau-blauBluePrimary);
     --mistica-color-divider: var(--mistica-blau-grey3);
-    --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-grey6), 0.2);
+    --mistica-color-dividerNegative: rgba(var(--mistica-blau-raw-white), 0.2);
+    --mistica-color-dividerBrand: rgba(var(--mistica-blau-raw-grey6), 0.2);
     --mistica-color-navigationBarDivider: var(--mistica-blau-blauBluePrimary);
     --mistica-color-badge: var(--mistica-blau-blauRed);
     --mistica-color-feedbackErrorBackground: var(--mistica-blau-blauRed);
@@ -150,20 +205,31 @@
     --mistica-color-brand: var(--mistica-blau-blauBluePrimary);
     --mistica-color-brandHigh: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-inverse: var(--mistica-blau-white);
+    --mistica-color-negative: var(--mistica-blau-white);
     --mistica-color-neutralHigh: var(--mistica-blau-grey6);
+    --mistica-color-neutralHighNegative: var(--mistica-blau-white);
+    --mistica-color-neutralHighBrand: var(--mistica-blau-grey6);
     --mistica-color-neutralMedium: var(--mistica-blau-grey5);
     --mistica-color-neutralMediumInverse: var(--mistica-blau-grey5);
+    --mistica-color-neutralMediumNegative: var(--mistica-blau-grey5);
+    --mistica-color-neutralMediumBrand: var(--mistica-blau-grey5);
     --mistica-color-neutralLow: var(--mistica-blau-grey1);
     --mistica-color-neutralLowAlternative: var(--mistica-blau-grey2);
     --mistica-color-textPrimary: var(--mistica-blau-grey6);
-    --mistica-color-textPrimaryInverse: var(--mistica-blau-white);
+    --mistica-color-textPrimaryInverse: var(--mistica-blau-grey6);
+    --mistica-color-textPrimaryNegative: var(--mistica-blau-white);
+    --mistica-color-textPrimaryBrand: var(--mistica-blau-grey6);
     --mistica-color-textPrimaryMedia: var(--mistica-blau-white);
     --mistica-color-textSecondary: var(--mistica-blau-grey5);
-    --mistica-color-textSecondaryInverse: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-textSecondaryInverse: var(--mistica-blau-grey6);
+    --mistica-color-textSecondaryNegative: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-textSecondaryBrand: var(--mistica-blau-grey6);
     --mistica-color-textSecondaryMedia: var(--mistica-blau-white);
     --mistica-color-error: var(--mistica-blau-blauRed);
     --mistica-color-textError: var(--mistica-blau-blauRed);
-    --mistica-color-textErrorInverse: var(--mistica-blau-white);
+    --mistica-color-textErrorInverse: var(--mistica-blau-grey6);
+    --mistica-color-textErrorNegative: var(--mistica-blau-white);
+    --mistica-color-textErrorBrand: var(--mistica-blau-grey6);
     --mistica-color-success: var(--mistica-blau-blauGreen70);
     --mistica-color-warning: var(--mistica-blau-blauYellow65);
     --mistica-color-promo: var(--mistica-blau-blauPurple);
@@ -178,15 +244,24 @@
     --mistica-color-errorHigh: var(--mistica-blau-blauRed70);
     --mistica-color-promoHigh: var(--mistica-blau-blauPurple);
     --mistica-color-successHighInverse: var(--mistica-blau-blauGreen70);
+    --mistica-color-successHighNegative: var(--mistica-blau-blauGreen70);
+    --mistica-color-successHighBrand: var(--mistica-blau-blauGreen70);
     --mistica-color-warningHighInverse: var(--mistica-blau-blauYellow70);
+    --mistica-color-warningHighNegative: var(--mistica-blau-blauYellow70);
+    --mistica-color-warningHighBrand: var(--mistica-blau-blauYellow70);
     --mistica-color-errorHighInverse: var(--mistica-blau-blauRed70);
+    --mistica-color-errorHighNegative: var(--mistica-blau-blauRed70);
+    --mistica-color-errorHighBrand: var(--mistica-blau-blauRed70);
     --mistica-color-promoHighInverse: var(--mistica-blau-blauPurple);
+    --mistica-color-promoHighNegative: var(--mistica-blau-blauPurple);
+    --mistica-color-promoHighBrand: var(--mistica-blau-blauPurple);
     --mistica-color-textNavigationBarPrimary: var(--mistica-blau-grey6);
     --mistica-color-textNavigationBarSecondary: var(--mistica-blau-grey6);
     --mistica-color-textNavigationSearchBarHint: var(--mistica-blau-grey6);
     --mistica-color-textNavigationSearchBarText: var(--mistica-blau-grey6);
     --mistica-color-textAppBar: var(--mistica-blau-grey5);
     --mistica-color-textAppBarSelected: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-iosGlassAppBarSelected: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-customTabsBackground: var(--mistica-blau-blauBluePrimary);
     --mistica-color-tagTextPromo: var(--mistica-blau-blauPurple);
     --mistica-color-tagTextActive: var(--mistica-blau-blauBlueSecondary);
@@ -203,19 +278,47 @@
     --mistica-color-tagBackgroundWarning: var(--mistica-blau-blauYellow10);
     --mistica-color-tagBackgroundError: var(--mistica-blau-blauRed10);
     --mistica-color-tagTextPromoInverse: var(--mistica-blau-blauPurple);
+    --mistica-color-tagTextPromoNegative: var(--mistica-blau-blauPurple);
+    --mistica-color-tagTextPromoBrand: var(--mistica-blau-blauPurple);
     --mistica-color-tagTextActiveInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-tagTextActiveNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-tagTextActiveBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey5);
+    --mistica-color-tagTextInactiveNegative: var(--mistica-blau-grey5);
+    --mistica-color-tagTextInactiveBrand: var(--mistica-blau-grey5);
     --mistica-color-tagTextInfoInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-tagTextInfoNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-tagTextInfoBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-tagTextSuccessInverse: var(--mistica-blau-blauGreen70);
+    --mistica-color-tagTextSuccessNegative: var(--mistica-blau-blauGreen70);
+    --mistica-color-tagTextSuccessBrand: var(--mistica-blau-blauGreen70);
     --mistica-color-tagTextWarningInverse: var(--mistica-blau-blauYellow70);
+    --mistica-color-tagTextWarningNegative: var(--mistica-blau-blauYellow70);
+    --mistica-color-tagTextWarningBrand: var(--mistica-blau-blauYellow70);
     --mistica-color-tagTextErrorInverse: var(--mistica-blau-blauRed70);
+    --mistica-color-tagTextErrorNegative: var(--mistica-blau-blauRed70);
+    --mistica-color-tagTextErrorBrand: var(--mistica-blau-blauRed70);
     --mistica-color-tagBackgroundPromoInverse: var(--mistica-blau-blauPurple10);
+    --mistica-color-tagBackgroundPromoNegative: var(--mistica-blau-blauPurple10);
+    --mistica-color-tagBackgroundPromoBrand: var(--mistica-blau-blauPurple10);
     --mistica-color-tagBackgroundActiveInverse: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-tagBackgroundActiveNegative: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-tagBackgroundActiveBrand: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-tagBackgroundInactiveInverse: var(--mistica-blau-grey1);
+    --mistica-color-tagBackgroundInactiveNegative: var(--mistica-blau-grey1);
+    --mistica-color-tagBackgroundInactiveBrand: var(--mistica-blau-grey1);
     --mistica-color-tagBackgroundInfoInverse: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-tagBackgroundInfoNegative: var(--mistica-blau-blauBluePrimary20);
+    --mistica-color-tagBackgroundInfoBrand: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-tagBackgroundSuccessInverse: var(--mistica-blau-blauGreen10);
+    --mistica-color-tagBackgroundSuccessNegative: var(--mistica-blau-blauGreen10);
+    --mistica-color-tagBackgroundSuccessBrand: var(--mistica-blau-blauGreen10);
     --mistica-color-tagBackgroundWarningInverse: var(--mistica-blau-blauYellow10);
+    --mistica-color-tagBackgroundWarningNegative: var(--mistica-blau-blauYellow10);
+    --mistica-color-tagBackgroundWarningBrand: var(--mistica-blau-blauYellow10);
     --mistica-color-tagBackgroundErrorInverse: var(--mistica-blau-blauRed10);
+    --mistica-color-tagBackgroundErrorNegative: var(--mistica-blau-blauRed10);
+    --mistica-color-tagBackgroundErrorBrand: var(--mistica-blau-blauRed10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-blau-raw-grey6), 0) 0%,
@@ -275,19 +378,40 @@
     --mistica-line-height-tabsLabel: 1.5rem;
     --mistica-font-weight-tabsLabel: 500;
     --mistica-font-weight-link: 500;
+    --mistica-font-size-title1: 0.75rem;
+    --mistica-line-height-title1: 1rem;
     --mistica-font-weight-title1: 500;
+    --mistica-font-size-title2: 1rem;
+    --mistica-line-height-title2: 1.5rem;
     --mistica-font-weight-title2: 300;
     --mistica-font-size-title3: 1.25rem;
     --mistica-line-height-title3: 1.5rem;
     --mistica-font-weight-title3: 300;
+    --mistica-font-size-title4: 1.5rem;
+    --mistica-line-height-title4: 2rem;
+    --mistica-font-weight-title4: 300;
     --mistica-font-weight-indicator: 500;
     --mistica-font-weight-navigationBar: 500;
+    --mistica-font-size-chipLabel: 0.875rem;
+    --mistica-line-height-chipLabel: 1.25rem;
+    --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-inputLabel: 0.75rem;
+    --mistica-line-height-inputLabel: 1rem;
+    --mistica-font-size-inputValue: 1rem;
+    --mistica-line-height-inputValue: 1.5rem;
+    --mistica-font-size-inputHelperText: 0.75rem;
+    --mistica-line-height-inputHelperText: 1rem;
+    --mistica-font-size-stepperStepLabel: 0.875rem;
+    --mistica-line-height-stepperStepLabel: 1.25rem;
+    --mistica-font-size-loadingScreenTitle: 1.125rem;
+    --mistica-line-height-loadingScreenTitle: 1.5rem;
 }
 
 [data-mistica-skin='blau'][data-mistica-color-scheme='dark'] {
     --mistica-color-background: var(--mistica-blau-darkModeBlack);
     --mistica-color-backgroundAlternative: var(--mistica-blau-darkModeBlack);
     --mistica-color-backgroundBrand: var(--mistica-blau-darkModeBlack);
+    --mistica-color-backgroundNegative: var(--mistica-blau-darkModeBlack);
     --mistica-color-backgroundBrandSecondary: var(--mistica-blau-darkModeBlack);
     --mistica-color-backgroundContainer: var(--mistica-blau-darkModeGrey);
     --mistica-color-backgroundContainerError: var(--mistica-blau-darkModeGrey);
@@ -297,10 +421,14 @@
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-white), 0.03);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-white), 0.05);
     --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-darkModeGrey);
+    --mistica-color-backgroundContainerNegative: var(--mistica-blau-darkModeGrey);
+    --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-blau-darkModeGrey);
     --mistica-color-backgroundContainerAlternative: var(--mistica-blau-darkModeGrey);
     --mistica-color-backgroundOverlay: rgba(var(--mistica-blau-raw-darkModeGrey), 0.8);
     --mistica-color-backgroundSkeleton: var(--mistica-blau-darkModeGrey);
     --mistica-color-backgroundSkeletonInverse: var(--mistica-blau-darkModeGrey);
+    --mistica-color-backgroundSkeletonNegative: var(--mistica-blau-darkModeGrey);
+    --mistica-color-backgroundSkeletonBrand: var(--mistica-blau-darkModeGrey);
     --mistica-color-backgroundBrandTop: var(--mistica-blau-darkModeBlack);
     --mistica-color-backgroundBrandBottom: var(--mistica-blau-darkModeBlack);
     --mistica-color-appBarBackground: var(--mistica-blau-darkModeGrey);
@@ -312,53 +440,86 @@
     --mistica-color-borderSelected: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-completedStep: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-completedStepInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-completedStepNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-completedStepBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-coverBackgroundHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.25);
     --mistica-color-coverBackgroundPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.35);
     --mistica-color-buttonDangerBackground: var(--mistica-blau-blauRed);
     --mistica-color-buttonDangerBackgroundPressed: var(--mistica-blau-blauRed70);
     --mistica-color-buttonDangerBackgroundHover: var(--mistica-blau-blauRed70);
     --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-blau-raw-white), 0);
+    --mistica-color-buttonLinkDangerBackgroundNegative: rgba(var(--mistica-blau-raw-white), 0);
+    --mistica-color-buttonLinkDangerBackgroundBrand: rgba(var(--mistica-blau-raw-white), 0);
     --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-blau-white);
     --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-blau-raw-blauRed), 0.3);
     --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+    --mistica-color-buttonLinkDangerBackgroundNegativePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+    --mistica-color-buttonLinkDangerBackgroundBrandPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
     --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-blau-blauRed10);
     --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
     --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+    --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+    --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
     --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonPrimaryBackground: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-blau-white);
     --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-blau-blauBluePrimary20);
     --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-blau-raw-white), 0);
     --mistica-color-buttonSecondaryBorder: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderInverse: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderNegative: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderBrand: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderMedia: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderPressed: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-blau-white);
+    --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-blau-white);
     --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonSecondaryBackgroundBrandHover: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-blau-raw-white), 0.2);
     --mistica-color-buttonSecondaryBackgroundPressed: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+    --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-blau-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.2);
     --mistica-color-textButtonPrimary: var(--mistica-blau-grey2);
     --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-grey2);
+    --mistica-color-textButtonPrimaryNegative: var(--mistica-blau-grey2);
+    --mistica-color-textButtonPrimaryBrand: var(--mistica-blau-grey2);
     --mistica-color-textButtonPrimaryMedia: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-grey2);
+    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-blau-grey2);
+    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-blau-grey2);
     --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-blau-blauBlueSecondary60);
     --mistica-color-textButtonSecondary: var(--mistica-blau-grey2);
     --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-grey2);
+    --mistica-color-textButtonSecondaryNegative: var(--mistica-blau-grey2);
+    --mistica-color-textButtonSecondaryBrand: var(--mistica-blau-grey2);
     --mistica-color-textButtonSecondaryMedia: var(--mistica-blau-white);
     --mistica-color-textButtonSecondaryPressed: var(--mistica-blau-grey2);
     --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-grey2);
+    --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-blau-grey2);
+    --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-blau-grey2);
     --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-blau-white);
     --mistica-color-textLink: var(--mistica-blau-blauPurple30);
     --mistica-color-textLinkInverse: var(--mistica-blau-blauPurple30);
+    --mistica-color-textLinkNegative: var(--mistica-blau-blauPurple30);
+    --mistica-color-textLinkBrand: var(--mistica-blau-blauPurple30);
     --mistica-color-textLinkMedia: var(--mistica-blau-white);
     --mistica-color-textLinkDanger: var(--mistica-blau-blauRed40);
     --mistica-color-textLinkDangerMedia: var(--mistica-blau-blauRed);
@@ -367,21 +528,38 @@
     --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
     --mistica-color-inputBorder: var(--mistica-blau-darkModeGrey5);
     --mistica-color-inputBorderInverse: var(--mistica-blau-darkModeGrey5);
+    --mistica-color-inputBorderNegative: var(--mistica-blau-darkModeGrey5);
+    --mistica-color-inputBorderBrand: var(--mistica-blau-darkModeGrey5);
     --mistica-color-control: var(--mistica-blau-grey4);
     --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-controlInverse: var(--mistica-blau-grey4);
+    --mistica-color-controlNegative: var(--mistica-blau-grey4);
+    --mistica-color-controlBrand: var(--mistica-blau-grey4);
     --mistica-color-controlActivatedInverse: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-controlActivatedNegative: var(--mistica-blau-blauBlueSecondary);
+    --mistica-color-controlActivatedBrand: var(--mistica-blau-blauBlueSecondary);
     --mistica-color-controlError: var(--mistica-blau-blauRed);
+    --mistica-color-chevronIndicator: var(--mistica-blau-grey4);
     --mistica-color-barTrack: var(--mistica-blau-grey5);
     --mistica-color-barTrackInverse: var(--mistica-blau-grey5);
+    --mistica-color-barTrackNegative: var(--mistica-blau-grey5);
+    --mistica-color-barTrackBrand: var(--mistica-blau-grey5);
     --mistica-color-loadingBar: var(--mistica-blau-blauBluePrimary);
     --mistica-color-loadingBarBackground: var(--mistica-blau-grey5);
     --mistica-color-toggleAndroidInactive: var(--mistica-blau-grey3);
     --mistica-color-toggleAndroidBackgroundActive: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-toggleAndroidActiveBrand: var(--mistica-blau-blauBlueSecondary60);
+    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-blau-grey3);
+    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-blau-blauBluePrimary30);
+    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-blau-grey4);
     --mistica-color-iosControlKnob: var(--mistica-blau-grey2);
     --mistica-color-controlKnobInverse: var(--mistica-blau-grey2);
+    --mistica-color-controlKnobNegative: var(--mistica-blau-grey2);
+    --mistica-color-controlKnobBrand: var(--mistica-blau-grey2);
     --mistica-color-divider: rgba(var(--mistica-blau-raw-white), 0.09);
     --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-white), 0.05);
+    --mistica-color-dividerNegative: rgba(var(--mistica-blau-raw-white), 0.05);
+    --mistica-color-dividerBrand: rgba(var(--mistica-blau-raw-white), 0.05);
     --mistica-color-navigationBarDivider: var(--mistica-blau-darkModeBlack);
     --mistica-color-badge: var(--mistica-blau-blauRed);
     --mistica-color-feedbackErrorBackground: var(--mistica-blau-blauRed);
@@ -389,20 +567,31 @@
     --mistica-color-brand: var(--mistica-blau-blauBluePrimary);
     --mistica-color-brandHigh: rgba(var(--mistica-blau-raw-white), 0.05);
     --mistica-color-inverse: var(--mistica-blau-grey2);
+    --mistica-color-negative: var(--mistica-blau-grey2);
     --mistica-color-neutralHigh: var(--mistica-blau-grey2);
+    --mistica-color-neutralHighNegative: var(--mistica-blau-grey2);
+    --mistica-color-neutralHighBrand: var(--mistica-blau-grey2);
     --mistica-color-neutralMedium: var(--mistica-blau-grey4);
     --mistica-color-neutralMediumInverse: var(--mistica-blau-grey4);
+    --mistica-color-neutralMediumNegative: var(--mistica-blau-grey4);
+    --mistica-color-neutralMediumBrand: var(--mistica-blau-grey4);
     --mistica-color-neutralLow: var(--mistica-blau-darkModeGrey6);
     --mistica-color-neutralLowAlternative: var(--mistica-blau-darkModeGrey6);
     --mistica-color-textPrimary: var(--mistica-blau-grey2);
     --mistica-color-textPrimaryInverse: var(--mistica-blau-grey2);
+    --mistica-color-textPrimaryNegative: var(--mistica-blau-grey2);
+    --mistica-color-textPrimaryBrand: var(--mistica-blau-grey2);
     --mistica-color-textPrimaryMedia: var(--mistica-blau-white);
     --mistica-color-textSecondary: var(--mistica-blau-grey4);
     --mistica-color-textSecondaryInverse: var(--mistica-blau-grey4);
+    --mistica-color-textSecondaryNegative: var(--mistica-blau-grey4);
+    --mistica-color-textSecondaryBrand: var(--mistica-blau-grey4);
     --mistica-color-textSecondaryMedia: var(--mistica-blau-white);
     --mistica-color-error: var(--mistica-blau-blauRed);
     --mistica-color-textError: var(--mistica-blau-blauRed40);
     --mistica-color-textErrorInverse: var(--mistica-blau-blauRed40);
+    --mistica-color-textErrorNegative: var(--mistica-blau-blauRed40);
+    --mistica-color-textErrorBrand: var(--mistica-blau-blauRed40);
     --mistica-color-success: var(--mistica-blau-blauGreen);
     --mistica-color-warning: var(--mistica-blau-blauYellow);
     --mistica-color-promo: var(--mistica-blau-blauPurple);
@@ -417,19 +606,28 @@
     --mistica-color-errorHigh: var(--mistica-blau-blauRed40);
     --mistica-color-promoHigh: var(--mistica-blau-blauPurple30);
     --mistica-color-successHighInverse: var(--mistica-blau-blauGreen70);
+    --mistica-color-successHighNegative: var(--mistica-blau-blauGreen70);
+    --mistica-color-successHighBrand: var(--mistica-blau-blauGreen70);
     --mistica-color-warningHighInverse: var(--mistica-blau-blauYellow70);
+    --mistica-color-warningHighNegative: var(--mistica-blau-blauYellow70);
+    --mistica-color-warningHighBrand: var(--mistica-blau-blauYellow70);
     --mistica-color-errorHighInverse: var(--mistica-blau-blauRed70);
+    --mistica-color-errorHighNegative: var(--mistica-blau-blauRed70);
+    --mistica-color-errorHighBrand: var(--mistica-blau-blauRed70);
     --mistica-color-promoHighInverse: var(--mistica-blau-blauPurple);
+    --mistica-color-promoHighNegative: var(--mistica-blau-blauPurple);
+    --mistica-color-promoHighBrand: var(--mistica-blau-blauPurple);
     --mistica-color-textNavigationBarPrimary: var(--mistica-blau-grey2);
     --mistica-color-textNavigationBarSecondary: var(--mistica-blau-grey4);
     --mistica-color-textNavigationSearchBarHint: var(--mistica-blau-grey4);
     --mistica-color-textNavigationSearchBarText: var(--mistica-blau-grey2);
     --mistica-color-textAppBar: var(--mistica-blau-grey5);
     --mistica-color-textAppBarSelected: var(--mistica-blau-grey2);
+    --mistica-color-iosGlassAppBarSelected: var(--mistica-blau-white);
     --mistica-color-customTabsBackground: var(--mistica-blau-darkModeBlack);
     --mistica-color-tagTextPromo: var(--mistica-blau-blauPurple30);
     --mistica-color-tagTextActive: var(--mistica-blau-blauBluePrimary);
-    --mistica-color-tagTextInactive: var(--mistica-blau-grey4);
+    --mistica-color-tagTextInactive: var(--mistica-blau-grey3);
     --mistica-color-tagTextInfo: var(--mistica-blau-blauBluePrimary);
     --mistica-color-tagTextSuccess: var(--mistica-blau-blauGreen30);
     --mistica-color-tagTextWarning: var(--mistica-blau-blauYellow40);
@@ -442,19 +640,47 @@
     --mistica-color-tagBackgroundWarning: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagTextPromoInverse: var(--mistica-blau-blauPurple30);
+    --mistica-color-tagTextPromoNegative: var(--mistica-blau-blauPurple30);
+    --mistica-color-tagTextPromoBrand: var(--mistica-blau-blauPurple30);
     --mistica-color-tagTextActiveInverse: var(--mistica-blau-blauBluePrimary);
-    --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey4);
+    --mistica-color-tagTextActiveNegative: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-tagTextActiveBrand: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey3);
+    --mistica-color-tagTextInactiveNegative: var(--mistica-blau-grey3);
+    --mistica-color-tagTextInactiveBrand: var(--mistica-blau-grey3);
     --mistica-color-tagTextInfoInverse: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-tagTextInfoNegative: var(--mistica-blau-blauBluePrimary);
+    --mistica-color-tagTextInfoBrand: var(--mistica-blau-blauBluePrimary);
     --mistica-color-tagTextSuccessInverse: var(--mistica-blau-blauGreen30);
+    --mistica-color-tagTextSuccessNegative: var(--mistica-blau-blauGreen30);
+    --mistica-color-tagTextSuccessBrand: var(--mistica-blau-blauGreen30);
     --mistica-color-tagTextWarningInverse: var(--mistica-blau-blauYellow40);
+    --mistica-color-tagTextWarningNegative: var(--mistica-blau-blauYellow40);
+    --mistica-color-tagTextWarningBrand: var(--mistica-blau-blauYellow40);
     --mistica-color-tagTextErrorInverse: var(--mistica-blau-blauRed40);
+    --mistica-color-tagTextErrorNegative: var(--mistica-blau-blauRed40);
+    --mistica-color-tagTextErrorBrand: var(--mistica-blau-blauRed40);
     --mistica-color-tagBackgroundPromoInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundPromoNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundPromoBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundActiveInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundInactiveInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundInfoInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundInfoNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundInfoBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundSuccessInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundWarningInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-tagBackgroundErrorInverse: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorNegative: var(--mistica-blau-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorBrand: var(--mistica-blau-darkModeGrey6);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-blau-raw-grey6), 0) 0%,
@@ -469,6 +695,7 @@
         --mistica-color-background: var(--mistica-blau-darkModeBlack);
         --mistica-color-backgroundAlternative: var(--mistica-blau-darkModeBlack);
         --mistica-color-backgroundBrand: var(--mistica-blau-darkModeBlack);
+        --mistica-color-backgroundNegative: var(--mistica-blau-darkModeBlack);
         --mistica-color-backgroundBrandSecondary: var(--mistica-blau-darkModeBlack);
         --mistica-color-backgroundContainer: var(--mistica-blau-darkModeGrey);
         --mistica-color-backgroundContainerError: var(--mistica-blau-darkModeGrey);
@@ -478,10 +705,14 @@
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-white), 0.03);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-white), 0.05);
         --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-darkModeGrey);
+        --mistica-color-backgroundContainerNegative: var(--mistica-blau-darkModeGrey);
+        --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-blau-darkModeGrey);
         --mistica-color-backgroundContainerAlternative: var(--mistica-blau-darkModeGrey);
         --mistica-color-backgroundOverlay: rgba(var(--mistica-blau-raw-darkModeGrey), 0.8);
         --mistica-color-backgroundSkeleton: var(--mistica-blau-darkModeGrey);
         --mistica-color-backgroundSkeletonInverse: var(--mistica-blau-darkModeGrey);
+        --mistica-color-backgroundSkeletonNegative: var(--mistica-blau-darkModeGrey);
+        --mistica-color-backgroundSkeletonBrand: var(--mistica-blau-darkModeGrey);
         --mistica-color-backgroundBrandTop: var(--mistica-blau-darkModeBlack);
         --mistica-color-backgroundBrandBottom: var(--mistica-blau-darkModeBlack);
         --mistica-color-appBarBackground: var(--mistica-blau-darkModeGrey);
@@ -493,56 +724,92 @@
         --mistica-color-borderSelected: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-completedStep: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-completedStepInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-completedStepNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-completedStepBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-coverBackgroundHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.25);
         --mistica-color-coverBackgroundPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.35);
         --mistica-color-buttonDangerBackground: var(--mistica-blau-blauRed);
         --mistica-color-buttonDangerBackgroundPressed: var(--mistica-blau-blauRed70);
         --mistica-color-buttonDangerBackgroundHover: var(--mistica-blau-blauRed70);
         --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-blau-raw-white), 0);
+        --mistica-color-buttonLinkDangerBackgroundNegative: rgba(var(--mistica-blau-raw-white), 0);
+        --mistica-color-buttonLinkDangerBackgroundBrand: rgba(var(--mistica-blau-raw-white), 0);
         --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-blau-white);
         --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-blau-raw-blauRed), 0.3);
         --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(
             var(--mistica-blau-raw-blauPurple),
             0.3
         );
+        --mistica-color-buttonLinkDangerBackgroundNegativePressed: rgba(
+            var(--mistica-blau-raw-blauPurple),
+            0.3
+        );
+        --mistica-color-buttonLinkDangerBackgroundBrandPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
         --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-blau-blauRed10);
         --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
         --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+        --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
+        --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-blau-raw-blauPurple), 0.3);
         --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonPrimaryBackground: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-blau-white);
         --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-blau-raw-white), 0);
         --mistica-color-buttonSecondaryBorder: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderInverse: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderNegative: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderBrand: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderMedia: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderPressed: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonSecondaryBackgroundBrandHover: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-blau-raw-white), 0.2);
         --mistica-color-buttonSecondaryBackgroundPressed: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.2);
         --mistica-color-textButtonPrimary: var(--mistica-blau-grey2);
         --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-grey2);
+        --mistica-color-textButtonPrimaryNegative: var(--mistica-blau-grey2);
+        --mistica-color-textButtonPrimaryBrand: var(--mistica-blau-grey2);
         --mistica-color-textButtonPrimaryMedia: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-grey2);
+        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-blau-grey2);
+        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-blau-grey2);
         --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-textButtonSecondary: var(--mistica-blau-grey2);
         --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-grey2);
+        --mistica-color-textButtonSecondaryNegative: var(--mistica-blau-grey2);
+        --mistica-color-textButtonSecondaryBrand: var(--mistica-blau-grey2);
         --mistica-color-textButtonSecondaryMedia: var(--mistica-blau-white);
         --mistica-color-textButtonSecondaryPressed: var(--mistica-blau-grey2);
         --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-grey2);
+        --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-blau-grey2);
+        --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-blau-grey2);
         --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-blau-white);
         --mistica-color-textLink: var(--mistica-blau-blauPurple30);
         --mistica-color-textLinkInverse: var(--mistica-blau-blauPurple30);
+        --mistica-color-textLinkNegative: var(--mistica-blau-blauPurple30);
+        --mistica-color-textLinkBrand: var(--mistica-blau-blauPurple30);
         --mistica-color-textLinkMedia: var(--mistica-blau-white);
         --mistica-color-textLinkDanger: var(--mistica-blau-blauRed40);
         --mistica-color-textLinkDangerMedia: var(--mistica-blau-blauRed);
@@ -551,21 +818,38 @@
         --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
         --mistica-color-inputBorder: var(--mistica-blau-darkModeGrey5);
         --mistica-color-inputBorderInverse: var(--mistica-blau-darkModeGrey5);
+        --mistica-color-inputBorderNegative: var(--mistica-blau-darkModeGrey5);
+        --mistica-color-inputBorderBrand: var(--mistica-blau-darkModeGrey5);
         --mistica-color-control: var(--mistica-blau-grey4);
         --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-controlInverse: var(--mistica-blau-grey4);
+        --mistica-color-controlNegative: var(--mistica-blau-grey4);
+        --mistica-color-controlBrand: var(--mistica-blau-grey4);
         --mistica-color-controlActivatedInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-controlActivatedNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-controlActivatedBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-controlError: var(--mistica-blau-blauRed);
+        --mistica-color-chevronIndicator: var(--mistica-blau-grey4);
         --mistica-color-barTrack: var(--mistica-blau-grey5);
         --mistica-color-barTrackInverse: var(--mistica-blau-grey5);
+        --mistica-color-barTrackNegative: var(--mistica-blau-grey5);
+        --mistica-color-barTrackBrand: var(--mistica-blau-grey5);
         --mistica-color-loadingBar: var(--mistica-blau-blauBluePrimary);
         --mistica-color-loadingBarBackground: var(--mistica-blau-grey5);
         --mistica-color-toggleAndroidInactive: var(--mistica-blau-grey3);
         --mistica-color-toggleAndroidBackgroundActive: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-toggleAndroidActiveBrand: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-blau-grey3);
+        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-blau-grey4);
         --mistica-color-iosControlKnob: var(--mistica-blau-grey2);
         --mistica-color-controlKnobInverse: var(--mistica-blau-grey2);
+        --mistica-color-controlKnobNegative: var(--mistica-blau-grey2);
+        --mistica-color-controlKnobBrand: var(--mistica-blau-grey2);
         --mistica-color-divider: rgba(var(--mistica-blau-raw-white), 0.09);
         --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-white), 0.05);
+        --mistica-color-dividerNegative: rgba(var(--mistica-blau-raw-white), 0.05);
+        --mistica-color-dividerBrand: rgba(var(--mistica-blau-raw-white), 0.05);
         --mistica-color-navigationBarDivider: var(--mistica-blau-darkModeBlack);
         --mistica-color-badge: var(--mistica-blau-blauRed);
         --mistica-color-feedbackErrorBackground: var(--mistica-blau-blauRed);
@@ -573,20 +857,31 @@
         --mistica-color-brand: var(--mistica-blau-blauBluePrimary);
         --mistica-color-brandHigh: rgba(var(--mistica-blau-raw-white), 0.05);
         --mistica-color-inverse: var(--mistica-blau-grey2);
+        --mistica-color-negative: var(--mistica-blau-grey2);
         --mistica-color-neutralHigh: var(--mistica-blau-grey2);
+        --mistica-color-neutralHighNegative: var(--mistica-blau-grey2);
+        --mistica-color-neutralHighBrand: var(--mistica-blau-grey2);
         --mistica-color-neutralMedium: var(--mistica-blau-grey4);
         --mistica-color-neutralMediumInverse: var(--mistica-blau-grey4);
+        --mistica-color-neutralMediumNegative: var(--mistica-blau-grey4);
+        --mistica-color-neutralMediumBrand: var(--mistica-blau-grey4);
         --mistica-color-neutralLow: var(--mistica-blau-darkModeGrey6);
         --mistica-color-neutralLowAlternative: var(--mistica-blau-darkModeGrey6);
         --mistica-color-textPrimary: var(--mistica-blau-grey2);
         --mistica-color-textPrimaryInverse: var(--mistica-blau-grey2);
+        --mistica-color-textPrimaryNegative: var(--mistica-blau-grey2);
+        --mistica-color-textPrimaryBrand: var(--mistica-blau-grey2);
         --mistica-color-textPrimaryMedia: var(--mistica-blau-white);
         --mistica-color-textSecondary: var(--mistica-blau-grey4);
         --mistica-color-textSecondaryInverse: var(--mistica-blau-grey4);
+        --mistica-color-textSecondaryNegative: var(--mistica-blau-grey4);
+        --mistica-color-textSecondaryBrand: var(--mistica-blau-grey4);
         --mistica-color-textSecondaryMedia: var(--mistica-blau-white);
         --mistica-color-error: var(--mistica-blau-blauRed);
         --mistica-color-textError: var(--mistica-blau-blauRed40);
         --mistica-color-textErrorInverse: var(--mistica-blau-blauRed40);
+        --mistica-color-textErrorNegative: var(--mistica-blau-blauRed40);
+        --mistica-color-textErrorBrand: var(--mistica-blau-blauRed40);
         --mistica-color-success: var(--mistica-blau-blauGreen);
         --mistica-color-warning: var(--mistica-blau-blauYellow);
         --mistica-color-promo: var(--mistica-blau-blauPurple);
@@ -601,19 +896,28 @@
         --mistica-color-errorHigh: var(--mistica-blau-blauRed40);
         --mistica-color-promoHigh: var(--mistica-blau-blauPurple30);
         --mistica-color-successHighInverse: var(--mistica-blau-blauGreen70);
+        --mistica-color-successHighNegative: var(--mistica-blau-blauGreen70);
+        --mistica-color-successHighBrand: var(--mistica-blau-blauGreen70);
         --mistica-color-warningHighInverse: var(--mistica-blau-blauYellow70);
+        --mistica-color-warningHighNegative: var(--mistica-blau-blauYellow70);
+        --mistica-color-warningHighBrand: var(--mistica-blau-blauYellow70);
         --mistica-color-errorHighInverse: var(--mistica-blau-blauRed70);
+        --mistica-color-errorHighNegative: var(--mistica-blau-blauRed70);
+        --mistica-color-errorHighBrand: var(--mistica-blau-blauRed70);
         --mistica-color-promoHighInverse: var(--mistica-blau-blauPurple);
+        --mistica-color-promoHighNegative: var(--mistica-blau-blauPurple);
+        --mistica-color-promoHighBrand: var(--mistica-blau-blauPurple);
         --mistica-color-textNavigationBarPrimary: var(--mistica-blau-grey2);
         --mistica-color-textNavigationBarSecondary: var(--mistica-blau-grey4);
         --mistica-color-textNavigationSearchBarHint: var(--mistica-blau-grey4);
         --mistica-color-textNavigationSearchBarText: var(--mistica-blau-grey2);
         --mistica-color-textAppBar: var(--mistica-blau-grey5);
         --mistica-color-textAppBarSelected: var(--mistica-blau-grey2);
+        --mistica-color-iosGlassAppBarSelected: var(--mistica-blau-white);
         --mistica-color-customTabsBackground: var(--mistica-blau-darkModeBlack);
         --mistica-color-tagTextPromo: var(--mistica-blau-blauPurple30);
         --mistica-color-tagTextActive: var(--mistica-blau-blauBluePrimary);
-        --mistica-color-tagTextInactive: var(--mistica-blau-grey4);
+        --mistica-color-tagTextInactive: var(--mistica-blau-grey3);
         --mistica-color-tagTextInfo: var(--mistica-blau-blauBluePrimary);
         --mistica-color-tagTextSuccess: var(--mistica-blau-blauGreen30);
         --mistica-color-tagTextWarning: var(--mistica-blau-blauYellow40);
@@ -626,19 +930,47 @@
         --mistica-color-tagBackgroundWarning: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagTextPromoInverse: var(--mistica-blau-blauPurple30);
+        --mistica-color-tagTextPromoNegative: var(--mistica-blau-blauPurple30);
+        --mistica-color-tagTextPromoBrand: var(--mistica-blau-blauPurple30);
         --mistica-color-tagTextActiveInverse: var(--mistica-blau-blauBluePrimary);
-        --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey4);
+        --mistica-color-tagTextActiveNegative: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-tagTextActiveBrand: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey3);
+        --mistica-color-tagTextInactiveNegative: var(--mistica-blau-grey3);
+        --mistica-color-tagTextInactiveBrand: var(--mistica-blau-grey3);
         --mistica-color-tagTextInfoInverse: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-tagTextInfoNegative: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-tagTextInfoBrand: var(--mistica-blau-blauBluePrimary);
         --mistica-color-tagTextSuccessInverse: var(--mistica-blau-blauGreen30);
+        --mistica-color-tagTextSuccessNegative: var(--mistica-blau-blauGreen30);
+        --mistica-color-tagTextSuccessBrand: var(--mistica-blau-blauGreen30);
         --mistica-color-tagTextWarningInverse: var(--mistica-blau-blauYellow40);
+        --mistica-color-tagTextWarningNegative: var(--mistica-blau-blauYellow40);
+        --mistica-color-tagTextWarningBrand: var(--mistica-blau-blauYellow40);
         --mistica-color-tagTextErrorInverse: var(--mistica-blau-blauRed40);
+        --mistica-color-tagTextErrorNegative: var(--mistica-blau-blauRed40);
+        --mistica-color-tagTextErrorBrand: var(--mistica-blau-blauRed40);
         --mistica-color-tagBackgroundPromoInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundPromoNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundPromoBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundActiveInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundInactiveInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundInfoInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundInfoNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundInfoBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundSuccessInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundWarningInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-tagBackgroundErrorInverse: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorNegative: var(--mistica-blau-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorBrand: var(--mistica-blau-darkModeGrey6);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-blau-raw-grey6), 0) 0%,
@@ -652,19 +984,24 @@
         --mistica-color-background: var(--mistica-blau-white);
         --mistica-color-backgroundAlternative: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-backgroundBrand: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-backgroundNegative: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-backgroundBrandSecondary: var(--mistica-blau-blauBluePrimary);
         --mistica-color-backgroundContainer: var(--mistica-blau-white);
         --mistica-color-backgroundContainerError: var(--mistica-blau-blauRed10);
         --mistica-color-backgroundContainerHover: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.05);
         --mistica-color-backgroundContainerPressed: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.08);
-        --mistica-color-backgroundContainerBrand: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.2);
-        --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.4);
-        --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-backgroundContainerBrand: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.05);
+        --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.08);
+        --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-backgroundContainerNegative: rgba(var(--mistica-blau-raw-darkModeBlack), 0.4);
+        --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-blau-blauBluePrimary30);
         --mistica-color-backgroundContainerAlternative: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-backgroundOverlay: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.75);
         --mistica-color-backgroundSkeleton: var(--mistica-blau-grey3);
         --mistica-color-backgroundSkeletonInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-blau-raw-grey6), 0.2);
+        --mistica-color-backgroundSkeletonBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-backgroundBrandTop: var(--mistica-blau-blauBluePrimary);
         --mistica-color-backgroundBrandBottom: var(--mistica-blau-blauBluePrimary);
         --mistica-color-appBarBackground: var(--mistica-blau-white);
@@ -676,53 +1013,86 @@
         --mistica-color-borderSelected: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-completedStep: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-completedStepInverse: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-completedStepNegative: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-completedStepBrand: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-coverBackgroundHover: rgba(var(--mistica-blau-raw-darkModeBlack), 0.25);
         --mistica-color-coverBackgroundPressed: rgba(var(--mistica-blau-raw-darkModeBlack), 0.35);
         --mistica-color-buttonDangerBackground: var(--mistica-blau-blauRed);
         --mistica-color-buttonDangerBackgroundPressed: var(--mistica-blau-blauRed70);
         --mistica-color-buttonDangerBackgroundHover: var(--mistica-blau-blauRed70);
         --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-blau-white);
+        --mistica-color-buttonLinkDangerBackgroundNegative: var(--mistica-blau-white);
+        --mistica-color-buttonLinkDangerBackgroundBrand: var(--mistica-blau-white);
         --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-blau-white);
         --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-blau-blauRed10);
         --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-blau-blauRed10);
+        --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-blau-blauRed10);
+        --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-blau-blauRed10);
         --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-blau-blauRed10);
         --mistica-color-buttonLinkBackgroundPressed: var(--mistica-blau-blauPurple10);
         --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.15);
+        --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.15);
         --mistica-color-buttonPrimaryBackground: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-white);
+        --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-blau-white);
+        --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-blau-white);
         --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-blau-blauBlueSecondary60);
-        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary60);
-        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-buttonSecondaryBackgroundBrand: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorder: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-buttonSecondaryBorderInverse: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderInverse: rgba(var(--mistica-blau-raw-white), 0);
+        --mistica-color-buttonSecondaryBorderNegative: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderBrand: rgba(var(--mistica-blau-raw-white), 0);
         --mistica-color-buttonSecondaryBorderMedia: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBorderPressed: var(--mistica-blau-blauBlueSecondary60);
-        --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderInversePressed: rgba(var(--mistica-blau-raw-white), 0);
+        --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-blau-white);
+        --mistica-color-buttonSecondaryBorderBrandPressed: rgba(var(--mistica-blau-raw-white), 0);
         --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-blau-white);
         --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-blau-blauBlueSecondary10);
-        --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-buttonSecondaryBackgroundInverseHover: var(--mistica-blau-blauBlueSecondary10);
+        --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-buttonSecondaryBackgroundBrandHover: var(--mistica-blau-blauBlueSecondary10);
         --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-blau-raw-white), 0.2);
         --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-blau-blauBlueSecondary10);
-        --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-buttonSecondaryBackgroundInversePressed: var(--mistica-blau-blauBlueSecondary10);
+        --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-buttonSecondaryBackgroundBrandPressed: var(--mistica-blau-blauBlueSecondary10);
         --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-blau-raw-white), 0.2);
         --mistica-color-textButtonPrimary: var(--mistica-blau-white);
-        --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-textButtonPrimaryInverse: var(--mistica-blau-white);
+        --mistica-color-textButtonPrimaryNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-textButtonPrimaryBrand: var(--mistica-blau-white);
         --mistica-color-textButtonPrimaryMedia: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-blau-white);
+        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-blau-white);
         --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-textButtonSecondary: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-white);
+        --mistica-color-textButtonSecondaryInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-textButtonSecondaryNegative: var(--mistica-blau-white);
+        --mistica-color-textButtonSecondaryBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-textButtonSecondaryMedia: var(--mistica-blau-white);
         --mistica-color-textButtonSecondaryPressed: var(--mistica-blau-blauBlueSecondary60);
-        --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-white);
+        --mistica-color-textButtonSecondaryInversePressed: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-blau-white);
+        --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-blau-white);
         --mistica-color-textLink: var(--mistica-blau-blauPurple);
-        --mistica-color-textLinkInverse: var(--mistica-blau-white);
+        --mistica-color-textLinkInverse: var(--mistica-blau-grey6);
+        --mistica-color-textLinkNegative: var(--mistica-blau-white);
+        --mistica-color-textLinkBrand: var(--mistica-blau-grey6);
         --mistica-color-textLinkMedia: var(--mistica-blau-white);
         --mistica-color-textLinkDanger: var(--mistica-blau-blauRed);
         --mistica-color-textLinkDangerMedia: var(--mistica-blau-blauRed);
@@ -730,22 +1100,39 @@
         --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-textBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-inputBorder: var(--mistica-blau-grey4);
-        --mistica-color-inputBorderInverse: var(--mistica-blau-white);
+        --mistica-color-inputBorderInverse: var(--mistica-blau-grey6);
+        --mistica-color-inputBorderNegative: var(--mistica-blau-white);
+        --mistica-color-inputBorderBrand: var(--mistica-blau-grey6);
         --mistica-color-control: var(--mistica-blau-grey4);
         --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
-        --mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);
-        --mistica-color-controlActivatedInverse: var(--mistica-blau-white);
+        --mistica-color-controlInverse: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-controlNegative: var(--mistica-blau-blauBluePrimary30);
+        --mistica-color-controlBrand: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-controlActivatedInverse: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-controlActivatedNegative: var(--mistica-blau-white);
+        --mistica-color-controlActivatedBrand: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-controlError: var(--mistica-blau-blauRed);
+        --mistica-color-chevronIndicator: var(--mistica-blau-grey5);
         --mistica-color-barTrack: var(--mistica-blau-grey3);
         --mistica-color-barTrackInverse: rgba(var(--mistica-blau-raw-grey6), 0.2);
+        --mistica-color-barTrackNegative: rgba(var(--mistica-blau-raw-grey6), 0.2);
+        --mistica-color-barTrackBrand: rgba(var(--mistica-blau-raw-grey6), 0.2);
         --mistica-color-loadingBar: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-loadingBarBackground: var(--mistica-blau-blauBlueSecondary20);
         --mistica-color-toggleAndroidInactive: var(--mistica-blau-grey2);
         --mistica-color-toggleAndroidBackgroundActive: var(--mistica-blau-blauBlueSecondary30);
+        --mistica-color-toggleAndroidActiveBrand: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-blau-grey2);
+        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-blau-blauBlueSecondary30);
+        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-blau-grey2);
         --mistica-color-iosControlKnob: var(--mistica-blau-white);
-        --mistica-color-controlKnobInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-controlKnobInverse: var(--mistica-blau-blauBluePrimary);
+        --mistica-color-controlKnobNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-controlKnobBrand: var(--mistica-blau-blauBluePrimary);
         --mistica-color-divider: var(--mistica-blau-grey3);
-        --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-dividerInverse: rgba(var(--mistica-blau-raw-grey6), 0.2);
+        --mistica-color-dividerNegative: rgba(var(--mistica-blau-raw-white), 0.2);
+        --mistica-color-dividerBrand: rgba(var(--mistica-blau-raw-grey6), 0.2);
         --mistica-color-navigationBarDivider: var(--mistica-blau-blauBluePrimary);
         --mistica-color-badge: var(--mistica-blau-blauRed);
         --mistica-color-feedbackErrorBackground: var(--mistica-blau-blauRed);
@@ -753,20 +1140,31 @@
         --mistica-color-brand: var(--mistica-blau-blauBluePrimary);
         --mistica-color-brandHigh: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-inverse: var(--mistica-blau-white);
+        --mistica-color-negative: var(--mistica-blau-white);
         --mistica-color-neutralHigh: var(--mistica-blau-grey6);
+        --mistica-color-neutralHighNegative: var(--mistica-blau-white);
+        --mistica-color-neutralHighBrand: var(--mistica-blau-grey6);
         --mistica-color-neutralMedium: var(--mistica-blau-grey5);
         --mistica-color-neutralMediumInverse: var(--mistica-blau-grey5);
+        --mistica-color-neutralMediumNegative: var(--mistica-blau-grey5);
+        --mistica-color-neutralMediumBrand: var(--mistica-blau-grey5);
         --mistica-color-neutralLow: var(--mistica-blau-grey1);
         --mistica-color-neutralLowAlternative: var(--mistica-blau-grey2);
         --mistica-color-textPrimary: var(--mistica-blau-grey6);
-        --mistica-color-textPrimaryInverse: var(--mistica-blau-white);
+        --mistica-color-textPrimaryInverse: var(--mistica-blau-grey6);
+        --mistica-color-textPrimaryNegative: var(--mistica-blau-white);
+        --mistica-color-textPrimaryBrand: var(--mistica-blau-grey6);
         --mistica-color-textPrimaryMedia: var(--mistica-blau-white);
         --mistica-color-textSecondary: var(--mistica-blau-grey5);
-        --mistica-color-textSecondaryInverse: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-textSecondaryInverse: var(--mistica-blau-grey6);
+        --mistica-color-textSecondaryNegative: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-textSecondaryBrand: var(--mistica-blau-grey6);
         --mistica-color-textSecondaryMedia: var(--mistica-blau-white);
         --mistica-color-error: var(--mistica-blau-blauRed);
         --mistica-color-textError: var(--mistica-blau-blauRed);
-        --mistica-color-textErrorInverse: var(--mistica-blau-white);
+        --mistica-color-textErrorInverse: var(--mistica-blau-grey6);
+        --mistica-color-textErrorNegative: var(--mistica-blau-white);
+        --mistica-color-textErrorBrand: var(--mistica-blau-grey6);
         --mistica-color-success: var(--mistica-blau-blauGreen70);
         --mistica-color-warning: var(--mistica-blau-blauYellow65);
         --mistica-color-promo: var(--mistica-blau-blauPurple);
@@ -781,15 +1179,24 @@
         --mistica-color-errorHigh: var(--mistica-blau-blauRed70);
         --mistica-color-promoHigh: var(--mistica-blau-blauPurple);
         --mistica-color-successHighInverse: var(--mistica-blau-blauGreen70);
+        --mistica-color-successHighNegative: var(--mistica-blau-blauGreen70);
+        --mistica-color-successHighBrand: var(--mistica-blau-blauGreen70);
         --mistica-color-warningHighInverse: var(--mistica-blau-blauYellow70);
+        --mistica-color-warningHighNegative: var(--mistica-blau-blauYellow70);
+        --mistica-color-warningHighBrand: var(--mistica-blau-blauYellow70);
         --mistica-color-errorHighInverse: var(--mistica-blau-blauRed70);
+        --mistica-color-errorHighNegative: var(--mistica-blau-blauRed70);
+        --mistica-color-errorHighBrand: var(--mistica-blau-blauRed70);
         --mistica-color-promoHighInverse: var(--mistica-blau-blauPurple);
+        --mistica-color-promoHighNegative: var(--mistica-blau-blauPurple);
+        --mistica-color-promoHighBrand: var(--mistica-blau-blauPurple);
         --mistica-color-textNavigationBarPrimary: var(--mistica-blau-grey6);
         --mistica-color-textNavigationBarSecondary: var(--mistica-blau-grey6);
         --mistica-color-textNavigationSearchBarHint: var(--mistica-blau-grey6);
         --mistica-color-textNavigationSearchBarText: var(--mistica-blau-grey6);
         --mistica-color-textAppBar: var(--mistica-blau-grey5);
         --mistica-color-textAppBarSelected: var(--mistica-blau-blauBlueSecondary60);
+        --mistica-color-iosGlassAppBarSelected: var(--mistica-blau-blauBlueSecondary60);
         --mistica-color-customTabsBackground: var(--mistica-blau-blauBluePrimary);
         --mistica-color-tagTextPromo: var(--mistica-blau-blauPurple);
         --mistica-color-tagTextActive: var(--mistica-blau-blauBlueSecondary);
@@ -806,19 +1213,47 @@
         --mistica-color-tagBackgroundWarning: var(--mistica-blau-blauYellow10);
         --mistica-color-tagBackgroundError: var(--mistica-blau-blauRed10);
         --mistica-color-tagTextPromoInverse: var(--mistica-blau-blauPurple);
+        --mistica-color-tagTextPromoNegative: var(--mistica-blau-blauPurple);
+        --mistica-color-tagTextPromoBrand: var(--mistica-blau-blauPurple);
         --mistica-color-tagTextActiveInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-tagTextActiveNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-tagTextActiveBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-tagTextInactiveInverse: var(--mistica-blau-grey5);
+        --mistica-color-tagTextInactiveNegative: var(--mistica-blau-grey5);
+        --mistica-color-tagTextInactiveBrand: var(--mistica-blau-grey5);
         --mistica-color-tagTextInfoInverse: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-tagTextInfoNegative: var(--mistica-blau-blauBlueSecondary);
+        --mistica-color-tagTextInfoBrand: var(--mistica-blau-blauBlueSecondary);
         --mistica-color-tagTextSuccessInverse: var(--mistica-blau-blauGreen70);
+        --mistica-color-tagTextSuccessNegative: var(--mistica-blau-blauGreen70);
+        --mistica-color-tagTextSuccessBrand: var(--mistica-blau-blauGreen70);
         --mistica-color-tagTextWarningInverse: var(--mistica-blau-blauYellow70);
+        --mistica-color-tagTextWarningNegative: var(--mistica-blau-blauYellow70);
+        --mistica-color-tagTextWarningBrand: var(--mistica-blau-blauYellow70);
         --mistica-color-tagTextErrorInverse: var(--mistica-blau-blauRed70);
+        --mistica-color-tagTextErrorNegative: var(--mistica-blau-blauRed70);
+        --mistica-color-tagTextErrorBrand: var(--mistica-blau-blauRed70);
         --mistica-color-tagBackgroundPromoInverse: var(--mistica-blau-blauPurple10);
+        --mistica-color-tagBackgroundPromoNegative: var(--mistica-blau-blauPurple10);
+        --mistica-color-tagBackgroundPromoBrand: var(--mistica-blau-blauPurple10);
         --mistica-color-tagBackgroundActiveInverse: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-tagBackgroundActiveNegative: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-tagBackgroundActiveBrand: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-tagBackgroundInactiveInverse: var(--mistica-blau-grey1);
+        --mistica-color-tagBackgroundInactiveNegative: var(--mistica-blau-grey1);
+        --mistica-color-tagBackgroundInactiveBrand: var(--mistica-blau-grey1);
         --mistica-color-tagBackgroundInfoInverse: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-tagBackgroundInfoNegative: var(--mistica-blau-blauBluePrimary20);
+        --mistica-color-tagBackgroundInfoBrand: var(--mistica-blau-blauBluePrimary20);
         --mistica-color-tagBackgroundSuccessInverse: var(--mistica-blau-blauGreen10);
+        --mistica-color-tagBackgroundSuccessNegative: var(--mistica-blau-blauGreen10);
+        --mistica-color-tagBackgroundSuccessBrand: var(--mistica-blau-blauGreen10);
         --mistica-color-tagBackgroundWarningInverse: var(--mistica-blau-blauYellow10);
+        --mistica-color-tagBackgroundWarningNegative: var(--mistica-blau-blauYellow10);
+        --mistica-color-tagBackgroundWarningBrand: var(--mistica-blau-blauYellow10);
         --mistica-color-tagBackgroundErrorInverse: var(--mistica-blau-blauRed10);
+        --mistica-color-tagBackgroundErrorNegative: var(--mistica-blau-blauRed10);
+        --mistica-color-tagBackgroundErrorBrand: var(--mistica-blau-blauRed10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-blau-raw-grey6), 0) 0%,
@@ -858,7 +1293,26 @@
         --mistica-font-size-tabsLabel: 1.125rem;
         --mistica-line-height-tabsLabel: 1.5rem;
 
+        --mistica-font-size-title1: 0.875rem;
+        --mistica-line-height-title1: 1.25rem;
+        --mistica-font-size-title2: 1.125rem;
+        --mistica-line-height-title2: 1.5rem;
         --mistica-font-size-title3: 1.75rem;
         --mistica-line-height-title3: 2rem;
+        --mistica-font-size-title4: 2rem;
+        --mistica-line-height-title4: 2.5rem;
+
+        --mistica-font-size-chipLabel: 1rem;
+        --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-inputLabel: 0.875rem;
+        --mistica-line-height-inputLabel: 1.25rem;
+        --mistica-font-size-inputValue: 1.125rem;
+        --mistica-line-height-inputValue: 1.5rem;
+        --mistica-font-size-inputHelperText: 0.875rem;
+        --mistica-line-height-inputHelperText: 1.25rem;
+        --mistica-font-size-stepperStepLabel: 1rem;
+        --mistica-line-height-stepperStepLabel: 1.5rem;
+        --mistica-font-size-loadingScreenTitle: 1.25rem;
+        --mistica-line-height-loadingScreenTitle: 1.75rem;
     }
 }