@telefonica/mistica 16.70.0 → 16.72.0

package/css/o2.css

@@ -1,331 +1,346 @@
 [data-mistica-skin='o2'] {
     /* Palette colors */
     --mistica-o2-white: #ffffff;
-    --mistica-o2-grey1: #f6f6f6;
-    --mistica-o2-o2BluePrimary: #0019a5;
-    --mistica-o2-o2BluePrimary70: #000066;
-    --mistica-o2-pepper10: #feebed;
-    --mistica-o2-grey2: #eeeeee;
-    --mistica-o2-grey3: #dddddd;
-    --mistica-o2-grey5: #707070;
-    --mistica-o2-pepper: #f4364c;
-    --mistica-o2-pepper60: #c32b3d;
-    --mistica-o2-o2BluePrimary10: #e5e8f6;
-    --mistica-o2-o2BluePrimary30: #808cd2;
-    --mistica-o2-o2BluePrimary15: #ccd1ed;
-    --mistica-o2-grey6: #000033;
-    --mistica-o2-o2Green: #91c90e;
-    --mistica-o2-o2Orange: #ff7f41;
-    --mistica-o2-o2Purple: #952d98;
-    --mistica-o2-o2Pink: #e45dbf;
-    --mistica-o2-o2Green10: #f4fae7;
-    --mistica-o2-o2Orange10: #fff2ec;
-    --mistica-o2-o2Purple10: #f4eaf5;
-    --mistica-o2-o2Green80: #415a06;
-    --mistica-o2-o2Orange75: #a6522a;
-    --mistica-o2-grey4: #999999;
-    --mistica-o2-darkModeBlack: #191919;
-    --mistica-o2-darkModeGrey: #242424;
-    --mistica-o2-darkModeGrey6: #313235;
-    --mistica-o2-darkModeO2BluePrimary: #0020d6;
-    --mistica-o2-darkModeO2BluePrimaryDark: #000099;
-    --mistica-o2-o2BlueLight30: #c6e9f7;
-    --mistica-o2-o2Green40: #b2d956;
-    --mistica-o2-o2Orange40: #ffa57a;
-    --mistica-o2-pepper40: #ff7380;
-    --mistica-o2-o2Purple30: #ca9acb;
+    --mistica-o2-grey20: #f3f3f5;
+    --mistica-o2-darkBlue: #00008c;
+    --mistica-o2-beyondBlue: #0050ff;
+    --mistica-o2-beyondBlue45: #0a73eb;
+    --mistica-o2-o2Red10: #ffeeee;
+    --mistica-o2-beyondBlue70: #0038b2;
+    --mistica-o2-grey30: #d9d9dd;
+    --mistica-o2-grey80: #3c3c46;
+    --mistica-o2-o2Red60: #cc4848;
+    --mistica-o2-o2Red65: #bf4444;
+    --mistica-o2-beyondBlue10: #e5edff;
+    --mistica-o2-beyondBlue15: #ccdcff;
+    --mistica-o2-beyondBlue30: #80a7ff;
+    --mistica-o2-grey45: #8a8a98;
+    --mistica-o2-grey60: #6e6e77;
+    --mistica-o2-black: #00001e;
+    --mistica-o2-o2Green: #00dc7d;
+    --mistica-o2-o2Orange60: #f06c00;
+    --mistica-o2-o2Pink: #fa96ff;
+    --mistica-o2-o2Pink80: #704373;
+    --mistica-o2-o2Green10: #e5fbf2;
+    --mistica-o2-o2Orange10: #fff6ee;
+    --mistica-o2-o2Pink15: #feeaff;
+    --mistica-o2-o2Green80: #006338;
+    --mistica-o2-o2Orange75: #996336;
+    --mistica-o2-beyondBlue55: #0044d9;
+    --mistica-o2-darkModeBlack: #00001c;
+    --mistica-o2-darkModeGrey: #08132b;
+    --mistica-o2-darkModeGrey6: #14213d;
+    --mistica-o2-darkModeBeyondBlue: #1a62ff;
+    --mistica-o2-beyondBlue40: #4d84ff;
+    --mistica-o2-o2Red45: #ff7b7b;
+    --mistica-o2-o2Orange: #ffa55a;
+    --mistica-o2-o2Green40: #4ce7a4;
+    --mistica-o2-o2Orange40: #ffc08b;
+    --mistica-o2-o2Red40: #ff8b8b;
+    --mistica-o2-o2Pink30: #fdcaff;
+    --mistica-o2-grey40: #b4b4be;
 
     /* Raw palette colors, for use with rgba() */
-    --mistica-o2-raw-darkModeBlack: 25, 25, 25;
-    --mistica-o2-raw-grey6: 0, 0, 51;
-    --mistica-o2-raw-o2BluePrimary90: 0, 0, 51;
+    --mistica-o2-raw-darkModeBlack: 0, 0, 28;
+    --mistica-o2-raw-black: 0, 0, 30;
+    --mistica-o2-raw-beyondBlue: 0, 80, 255;
+    --mistica-o2-raw-beyondBlue90: 0, 16, 51;
     --mistica-o2-raw-white: 255, 255, 255;
-    --mistica-o2-raw-black: 0, 0, 0;
-    --mistica-o2-raw-darkModeGrey: 36, 36, 36;
+    --mistica-o2-raw-darkModeGrey: 8, 19, 43;
 
     /* Colors */
     --mistica-color-background: var(--mistica-o2-white);
-    --mistica-color-backgroundAlternative: var(--mistica-o2-grey1);
-    --mistica-color-backgroundBrand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-backgroundNegative: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-backgroundBrandSecondary: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-backgroundAlternative: var(--mistica-o2-grey20);
+    --mistica-color-backgroundBrand: linear-gradient(
+        180deg,
+        var(--mistica-o2-darkBlue) 0%,
+        var(--mistica-o2-beyondBlue) 64%,
+        var(--mistica-o2-beyondBlue45) 100%
+    );
+    --mistica-color-backgroundNegative: var(--mistica-o2-beyondBlue);
+    --mistica-color-backgroundBrandSecondary: var(--mistica-o2-beyondBlue);
     --mistica-color-backgroundContainer: var(--mistica-o2-white);
-    --mistica-color-backgroundContainerError: var(--mistica-o2-pepper10);
+    --mistica-color-backgroundContainerError: var(--mistica-o2-o2Red10);
     --mistica-color-backgroundContainerHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.05);
     --mistica-color-backgroundContainerPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.08);
-    --mistica-color-backgroundContainerBrand: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-backgroundContainerBrand: linear-gradient(
+        180deg,
+        var(--mistica-o2-darkBlue) 0%,
+        var(--mistica-o2-beyondBlue) 64%,
+        var(--mistica-o2-beyondBlue45) 100%
+    );
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.2);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.4);
-    --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-o2-o2BluePrimary70);
+    --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-o2-beyondBlue70);
     --mistica-color-backgroundContainerNegative: rgba(var(--mistica-o2-raw-darkModeBlack), 0.4);
-    --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-backgroundContainerAlternative: var(--mistica-o2-grey1);
-    --mistica-color-backgroundOverlay: rgba(var(--mistica-o2-raw-grey6), 0.6);
-    --mistica-color-backgroundSkeleton: var(--mistica-o2-grey2);
-    --mistica-color-backgroundSkeletonInverse: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-o2-raw-grey6), 0.2);
-    --mistica-color-backgroundSkeletonBrand: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-backgroundBrandTop: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-backgroundBrandBottom: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-o2-beyondBlue70);
+    --mistica-color-backgroundContainerAlternative: var(--mistica-o2-grey20);
+    --mistica-color-backgroundOverlay: rgba(var(--mistica-o2-raw-black), 0.6);
+    --mistica-color-backgroundSkeleton: var(--mistica-o2-grey30);
+    --mistica-color-backgroundSkeletonInverse: var(--mistica-o2-beyondBlue70);
+    --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-o2-raw-black), 0.2);
+    --mistica-color-backgroundSkeletonBrand: var(--mistica-o2-beyondBlue70);
+    --mistica-color-backgroundBrandTop: var(--mistica-o2-darkBlue);
+    --mistica-color-backgroundBrandBottom: var(--mistica-o2-beyondBlue45);
     --mistica-color-appBarBackground: var(--mistica-o2-white);
-    --mistica-color-navigationBarBackground: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.05);
-    --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.08);
-    --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.4);
-    --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.8);
+    --mistica-color-navigationBarBackground: var(--mistica-o2-darkBlue);
+    --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-beyondBlue), 0.05);
+    --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-beyondBlue), 0.08);
+    --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
+    --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
     --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-raw-white), 0.1);
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.17);
-    --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.4);
-    --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.8);
-    --mistica-color-skeletonWave: var(--mistica-o2-grey2);
-    --mistica-color-borderLow: var(--mistica-o2-grey1);
-    --mistica-color-border: var(--mistica-o2-grey3);
-    --mistica-color-borderHigh: var(--mistica-o2-grey5);
-    --mistica-color-borderSelected: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
+    --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
+    --mistica-color-skeletonWave: var(--mistica-o2-grey30);
+    --mistica-color-borderLow: var(--mistica-o2-grey20);
+    --mistica-color-border: var(--mistica-o2-grey30);
+    --mistica-color-borderHigh: var(--mistica-o2-grey80);
+    --mistica-color-borderSelected: var(--mistica-o2-beyondBlue);
     --mistica-color-coverBackgroundHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.25);
     --mistica-color-coverBackgroundPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.35);
-    --mistica-color-buttonDangerBackground: var(--mistica-o2-pepper);
-    --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-pepper60);
-    --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-pepper60);
+    --mistica-color-buttonDangerBackground: var(--mistica-o2-o2Red60);
+    --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-o2Red65);
+    --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-o2Red65);
     --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-o2-white);
     --mistica-color-buttonLinkDangerBackgroundNegative: var(--mistica-o2-white);
     --mistica-color-buttonLinkDangerBackgroundBrand: var(--mistica-o2-white);
     --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-o2-white);
-    --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-o2-pepper10);
-    --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-o2-pepper10);
-    --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-o2-pepper10);
-    --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-o2-pepper10);
-    --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-pepper10);
-    --mistica-color-buttonLinkBackgroundPressed: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-o2-o2Red10);
+    --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-o2-o2Red10);
+    --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-o2-o2Red10);
+    --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-o2-o2Red10);
+    --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-o2Red10);
+    --mistica-color-buttonLinkBackgroundPressed: var(--mistica-o2-beyondBlue10);
     --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-    --mistica-color-buttonPrimaryBackground: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-buttonPrimaryBackground: var(--mistica-o2-beyondBlue);
     --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-white);
     --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-white);
     --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-white);
     --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-o2-white);
-    --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-beyondBlue70);
+    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-beyondBlue10);
+    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-beyondBlue10);
+    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-beyondBlue10);
+    --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-beyondBlue10);
+    --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-beyondBlue15);
+    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-beyondBlue15);
+    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-beyondBlue15);
+    --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-beyondBlue15);
     --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
-    --mistica-color-buttonSecondaryBorder: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-buttonSecondaryBorder: var(--mistica-o2-beyondBlue);
     --mistica-color-buttonSecondaryBorderInverse: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderNegative: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderBrand: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderMedia: var(--mistica-o2-white);
-    --mistica-color-buttonSecondaryBorderPressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-buttonSecondaryBorderPressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-beyondBlue30);
+    --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-beyondBlue30);
+    --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-beyondBlue30);
+    --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-beyondBlue30);
+    --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-o2-beyondBlue10);
     --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundBrandHover: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-o2-raw-white), 0.15);
-    --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-o2-beyondBlue10);
     --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-textButtonPrimary: var(--mistica-o2-white);
-    --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-textButtonSecondary: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-beyondBlue);
+    --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-beyondBlue);
+    --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-beyondBlue);
+    --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-beyondBlue);
+    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-textButtonSecondary: var(--mistica-o2-beyondBlue);
     --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryMedia: var(--mistica-o2-white);
-    --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-o2BluePrimary70);
+    --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-beyondBlue70);
     --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-white);
     --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-o2-white);
-    --mistica-color-textLink: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-textLink: var(--mistica-o2-beyondBlue);
     --mistica-color-textLinkInverse: var(--mistica-o2-white);
     --mistica-color-textLinkNegative: var(--mistica-o2-white);
     --mistica-color-textLinkBrand: var(--mistica-o2-white);
     --mistica-color-textLinkMedia: var(--mistica-o2-white);
-    --mistica-color-textLinkDanger: var(--mistica-o2-pepper);
-    --mistica-color-textLinkDangerMedia: var(--mistica-o2-pepper);
-    --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-inputBorder: var(--mistica-o2-grey3);
+    --mistica-color-textLinkDanger: var(--mistica-o2-o2Red65);
+    --mistica-color-textLinkDangerMedia: var(--mistica-o2-o2Red65);
+    --mistica-color-textLinkSnackbar: var(--mistica-o2-beyondBlue30);
+    --mistica-color-textActivated: var(--mistica-o2-beyondBlue);
+    --mistica-color-textBrand: var(--mistica-o2-beyondBlue);
+    --mistica-color-inputBorder: var(--mistica-o2-grey45);
     --mistica-color-inputBorderInverse: var(--mistica-o2-white);
     --mistica-color-inputBorderNegative: var(--mistica-o2-white);
     --mistica-color-inputBorderBrand: var(--mistica-o2-white);
-    --mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-completedStepNegative: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-completedStepBrand: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-control: var(--mistica-o2-grey3);
-    --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-controlInverse: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlNegative: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlBrand: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-completedStep: var(--mistica-o2-beyondBlue);
+    --mistica-color-completedStepInverse: var(--mistica-o2-beyondBlue70);
+    --mistica-color-completedStepNegative: var(--mistica-o2-beyondBlue70);
+    --mistica-color-completedStepBrand: var(--mistica-o2-beyondBlue70);
+    --mistica-color-control: var(--mistica-o2-grey45);
+    --mistica-color-controlActivated: var(--mistica-o2-beyondBlue);
+    --mistica-color-controlInverse: var(--mistica-o2-white);
+    --mistica-color-controlNegative: var(--mistica-o2-white);
+    --mistica-color-controlBrand: var(--mistica-o2-white);
     --mistica-color-controlActivatedInverse: var(--mistica-o2-white);
     --mistica-color-controlActivatedNegative: var(--mistica-o2-white);
     --mistica-color-controlActivatedBrand: var(--mistica-o2-white);
-    --mistica-color-controlError: var(--mistica-o2-pepper);
-    --mistica-color-chevronIndicator: var(--mistica-o2-grey5);
-    --mistica-color-barTrack: var(--mistica-o2-grey3);
+    --mistica-color-controlError: var(--mistica-o2-o2Red60);
+    --mistica-color-chevronIndicator: var(--mistica-o2-grey60);
+    --mistica-color-barTrack: var(--mistica-o2-grey30);
     --mistica-color-barTrackInverse: rgba(var(--mistica-o2-raw-white), 0.3);
     --mistica-color-barTrackNegative: rgba(var(--mistica-o2-raw-white), 0.3);
     --mistica-color-barTrackBrand: rgba(var(--mistica-o2-raw-white), 0.3);
-    --mistica-color-loadingBar: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-loadingBarBackground: var(--mistica-o2-grey1);
-    --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey2);
-    --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-o2BluePrimary15);
+    --mistica-color-loadingBar: var(--mistica-o2-beyondBlue);
+    --mistica-color-loadingBarBackground: var(--mistica-o2-grey20);
+    --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey30);
+    --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-beyondBlue15);
     --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-white);
-    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey2);
-    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-o2BluePrimary15);
-    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey30);
+    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-beyondBlue15);
+    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-white);
     --mistica-color-iosControlKnob: var(--mistica-o2-white);
-    --mistica-color-controlKnobInverse: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-controlKnobNegative: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-controlKnobBrand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-divider: var(--mistica-o2-grey2);
+    --mistica-color-controlKnobInverse: var(--mistica-o2-beyondBlue);
+    --mistica-color-controlKnobNegative: var(--mistica-o2-beyondBlue);
+    --mistica-color-controlKnobBrand: var(--mistica-o2-beyondBlue);
+    --mistica-color-divider: var(--mistica-o2-grey30);
     --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.2);
     --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.2);
     --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.2);
-    --mistica-color-navigationBarDivider: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-badge: var(--mistica-o2-pepper60);
-    --mistica-color-feedbackErrorBackground: var(--mistica-o2-pepper);
-    --mistica-color-feedbackInfoBackground: var(--mistica-o2-grey6);
-    --mistica-color-brand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-brandHigh: var(--mistica-o2-o2BluePrimary70);
+    --mistica-color-navigationBarDivider: var(--mistica-o2-darkBlue);
+    --mistica-color-badge: var(--mistica-o2-o2Red65);
+    --mistica-color-feedbackErrorBackground: var(--mistica-o2-o2Red60);
+    --mistica-color-feedbackInfoBackground: var(--mistica-o2-black);
+    --mistica-color-brand: var(--mistica-o2-beyondBlue);
+    --mistica-color-brandHigh: var(--mistica-o2-beyondBlue70);
     --mistica-color-inverse: var(--mistica-o2-white);
     --mistica-color-negative: var(--mistica-o2-white);
-    --mistica-color-neutralHigh: var(--mistica-o2-grey6);
-    --mistica-color-neutralHighBrand: var(--mistica-o2-white);
+    --mistica-color-neutralHigh: var(--mistica-o2-black);
     --mistica-color-neutralHighNegative: var(--mistica-o2-white);
-    --mistica-color-neutralMedium: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumInverse: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumNegative: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumBrand: var(--mistica-o2-grey5);
-    --mistica-color-neutralLow: var(--mistica-o2-grey1);
-    --mistica-color-neutralLowAlternative: var(--mistica-o2-grey2);
-    --mistica-color-textPrimary: var(--mistica-o2-grey6);
+    --mistica-color-neutralHighBrand: var(--mistica-o2-white);
+    --mistica-color-neutralMedium: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumInverse: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumNegative: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumBrand: var(--mistica-o2-grey60);
+    --mistica-color-neutralLow: var(--mistica-o2-grey20);
+    --mistica-color-neutralLowAlternative: var(--mistica-o2-grey30);
+    --mistica-color-textPrimary: var(--mistica-o2-black);
     --mistica-color-textPrimaryInverse: var(--mistica-o2-white);
     --mistica-color-textPrimaryNegative: var(--mistica-o2-white);
     --mistica-color-textPrimaryBrand: var(--mistica-o2-white);
     --mistica-color-textPrimaryMedia: var(--mistica-o2-white);
-    --mistica-color-textSecondary: var(--mistica-o2-grey5);
-    --mistica-color-textSecondaryInverse: var(--mistica-o2-o2BluePrimary15);
-    --mistica-color-textSecondaryNegative: var(--mistica-o2-o2BluePrimary15);
-    --mistica-color-textSecondaryBrand: var(--mistica-o2-o2BluePrimary15);
+    --mistica-color-textSecondary: var(--mistica-o2-grey60);
+    --mistica-color-textSecondaryInverse: var(--mistica-o2-beyondBlue10);
+    --mistica-color-textSecondaryNegative: var(--mistica-o2-beyondBlue10);
+    --mistica-color-textSecondaryBrand: var(--mistica-o2-beyondBlue10);
     --mistica-color-textSecondaryMedia: var(--mistica-o2-white);
     --mistica-color-success: var(--mistica-o2-o2Green);
-    --mistica-color-warning: var(--mistica-o2-o2Orange);
-    --mistica-color-error: var(--mistica-o2-pepper);
-    --mistica-color-textError: var(--mistica-o2-pepper);
+    --mistica-color-warning: var(--mistica-o2-o2Orange60);
+    --mistica-color-error: var(--mistica-o2-o2Red65);
+    --mistica-color-textError: var(--mistica-o2-o2Red65);
     --mistica-color-textErrorInverse: var(--mistica-o2-white);
     --mistica-color-textErrorNegative: var(--mistica-o2-white);
     --mistica-color-textErrorBrand: var(--mistica-o2-white);
-    --mistica-color-promo: var(--mistica-o2-o2Purple);
-    --mistica-color-highlight: var(--mistica-o2-o2Pink);
+    --mistica-color-promo: var(--mistica-o2-o2Pink);
+    --mistica-color-highlight: var(--mistica-o2-o2Pink80);
     --mistica-color-successLow: var(--mistica-o2-o2Green10);
     --mistica-color-warningLow: var(--mistica-o2-o2Orange10);
-    --mistica-color-errorLow: var(--mistica-o2-pepper10);
-    --mistica-color-promoLow: var(--mistica-o2-o2Purple10);
-    --mistica-color-brandLow: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-errorLow: var(--mistica-o2-o2Red10);
+    --mistica-color-promoLow: var(--mistica-o2-o2Pink15);
+    --mistica-color-brandLow: var(--mistica-o2-beyondBlue10);
     --mistica-color-successHigh: var(--mistica-o2-o2Green80);
     --mistica-color-warningHigh: var(--mistica-o2-o2Orange75);
-    --mistica-color-errorHigh: var(--mistica-o2-pepper60);
-    --mistica-color-promoHigh: var(--mistica-o2-o2Purple);
+    --mistica-color-errorHigh: var(--mistica-o2-o2Red65);
+    --mistica-color-promoHigh: var(--mistica-o2-o2Pink80);
     --mistica-color-successHighInverse: var(--mistica-o2-o2Green80);
     --mistica-color-successHighNegative: var(--mistica-o2-o2Green80);
     --mistica-color-successHighBrand: var(--mistica-o2-o2Green80);
     --mistica-color-warningHighInverse: var(--mistica-o2-o2Orange75);
     --mistica-color-warningHighNegative: var(--mistica-o2-o2Orange75);
     --mistica-color-warningHighBrand: var(--mistica-o2-o2Orange75);
-    --mistica-color-errorHighInverse: var(--mistica-o2-pepper60);
-    --mistica-color-errorHighNegative: var(--mistica-o2-pepper60);
-    --mistica-color-errorHighBrand: var(--mistica-o2-pepper60);
-    --mistica-color-promoHighInverse: var(--mistica-o2-o2Purple);
-    --mistica-color-promoHighNegative: var(--mistica-o2-o2Purple);
-    --mistica-color-promoHighBrand: var(--mistica-o2-o2Purple);
+    --mistica-color-errorHighInverse: var(--mistica-o2-o2Red65);
+    --mistica-color-errorHighNegative: var(--mistica-o2-o2Red65);
+    --mistica-color-errorHighBrand: var(--mistica-o2-o2Red65);
+    --mistica-color-promoHighInverse: var(--mistica-o2-o2Pink80);
+    --mistica-color-promoHighNegative: var(--mistica-o2-o2Pink80);
+    --mistica-color-promoHighBrand: var(--mistica-o2-o2Pink80);
     --mistica-color-textNavigationBarPrimary: var(--mistica-o2-white);
-    --mistica-color-textNavigationBarSecondary: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-textNavigationBarSecondary: var(--mistica-o2-beyondBlue30);
+    --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-beyondBlue30);
     --mistica-color-textNavigationSearchBarText: var(--mistica-o2-white);
-    --mistica-color-textAppBar: var(--mistica-o2-grey4);
-    --mistica-color-textAppBarSelected: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-iosGlassAppBar: var(--mistica-o2-grey6);
-    --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-customTabsBackground: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple);
-    --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-textAppBar: var(--mistica-o2-grey60);
+    --mistica-color-textAppBarSelected: var(--mistica-o2-beyondBlue);
+    --mistica-color-iosGlassAppBar: var(--mistica-o2-black);
+    --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-beyondBlue55);
+    --mistica-color-customTabsBackground: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextPromo: var(--mistica-o2-o2Pink80);
+    --mistica-color-tagTextActive: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextInactive: var(--mistica-o2-grey60);
+    --mistica-color-tagTextInfo: var(--mistica-o2-beyondBlue);
     --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green80);
     --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange75);
-    --mistica-color-tagTextError: var(--mistica-o2-pepper60);
-    --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Purple10);
-    --mistica-color-tagBackgroundActive: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey1);
-    --mistica-color-tagBackgroundInfo: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-tagTextError: var(--mistica-o2-o2Red65);
+    --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Pink15);
+    --mistica-color-tagBackgroundActive: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey20);
+    --mistica-color-tagBackgroundInfo: var(--mistica-o2-beyondBlue10);
     --mistica-color-tagBackgroundSuccess: var(--mistica-o2-o2Green10);
     --mistica-color-tagBackgroundWarning: var(--mistica-o2-o2Orange10);
-    --mistica-color-tagBackgroundError: var(--mistica-o2-pepper10);
-    --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple);
-    --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Purple);
-    --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Purple);
-    --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextActiveNegative: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextActiveBrand: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextInfoNegative: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-tagTextInfoBrand: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-tagBackgroundError: var(--mistica-o2-o2Red10);
+    --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Pink80);
+    --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Pink80);
+    --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Pink80);
+    --mistica-color-tagTextActiveInverse: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextActiveNegative: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextActiveBrand: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey60);
+    --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey60);
+    --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey60);
+    --mistica-color-tagTextInfoInverse: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextInfoNegative: var(--mistica-o2-beyondBlue);
+    --mistica-color-tagTextInfoBrand: var(--mistica-o2-beyondBlue);
     --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green80);
     --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green80);
     --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green80);
     --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange75);
     --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange75);
     --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange75);
-    --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper60);
-    --mistica-color-tagTextErrorNegative: var(--mistica-o2-pepper60);
-    --mistica-color-tagTextErrorBrand: var(--mistica-o2-pepper60);
-    --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Purple10);
-    --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-o2Purple10);
-    --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-o2Purple10);
-    --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundActiveNegative: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundActiveBrand: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey1);
-    --mistica-color-tagBackgroundInactiveNegative: var(--mistica-o2-grey1);
-    --mistica-color-tagBackgroundInactiveBrand: var(--mistica-o2-grey1);
-    --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundInfoNegative: var(--mistica-o2-o2BluePrimary10);
-    --mistica-color-tagBackgroundInfoBrand: var(--mistica-o2-o2BluePrimary10);
+    --mistica-color-tagTextErrorInverse: var(--mistica-o2-o2Red65);
+    --mistica-color-tagTextErrorNegative: var(--mistica-o2-o2Red65);
+    --mistica-color-tagTextErrorBrand: var(--mistica-o2-o2Red65);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Pink15);
+    --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-o2Pink15);
+    --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-o2Pink15);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundActiveNegative: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundActiveBrand: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey20);
+    --mistica-color-tagBackgroundInactiveNegative: var(--mistica-o2-grey20);
+    --mistica-color-tagBackgroundInactiveBrand: var(--mistica-o2-grey20);
+    --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundInfoNegative: var(--mistica-o2-beyondBlue10);
+    --mistica-color-tagBackgroundInfoBrand: var(--mistica-o2-beyondBlue10);
     --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-o2Green10);
     --mistica-color-tagBackgroundSuccessNegative: var(--mistica-o2-o2Green10);
     --mistica-color-tagBackgroundSuccessBrand: var(--mistica-o2-o2Green10);
     --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-o2Orange10);
     --mistica-color-tagBackgroundWarningNegative: var(--mistica-o2-o2Orange10);
     --mistica-color-tagBackgroundWarningBrand: var(--mistica-o2-o2Orange10);
-    --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-pepper10);
-    --mistica-color-tagBackgroundErrorNegative: var(--mistica-o2-pepper10);
-    --mistica-color-tagBackgroundErrorBrand: var(--mistica-o2-pepper10);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-o2Red10);
+    --mistica-color-tagBackgroundErrorNegative: var(--mistica-o2-o2Red10);
+    --mistica-color-tagBackgroundErrorBrand: var(--mistica-o2-o2Red10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-o2-raw-black), 0) 0%,
@@ -337,16 +352,16 @@
     /* Border radius */
     --mistica-border-radius-avatar: 50%;
     --mistica-border-radius-bar: 999px;
-    --mistica-border-radius-button: 4px;
+    --mistica-border-radius-button: 32px;
     --mistica-border-radius-checkbox: 2px;
-    --mistica-border-radius-container: 8px;
+    --mistica-border-radius-container: 16px;
     --mistica-border-radius-indicator: 24px;
     --mistica-border-radius-chip: 24px;
     --mistica-border-radius-tag: 24px;
-    --mistica-border-radius-input: 8px;
+    --mistica-border-radius-input: 12px;
     --mistica-border-radius-legacyDisplay: 16px;
     --mistica-border-radius-popup: 8px;
-    --mistica-border-radius-sheet: 8px;
+    --mistica-border-radius-sheet: 16px;
     --mistica-border-radius-mediaSmall: 8px;
 
     /* Text */
@@ -360,28 +375,28 @@
     --mistica-line-height-4: 1.5rem;
     --mistica-font-size-5: 1.25rem;
     --mistica-line-height-5: 1.5rem;
-    --mistica-font-weight-5: 300;
+    --mistica-font-weight-5: 700;
     --mistica-font-size-6: 1.5rem;
     --mistica-line-height-6: 2rem;
-    --mistica-font-weight-6: 300;
+    --mistica-font-weight-6: 700;
     --mistica-font-size-7: 1.75rem;
     --mistica-line-height-7: 2rem;
-    --mistica-font-weight-7: 300;
+    --mistica-font-weight-7: 700;
     --mistica-font-size-8: 2rem;
     --mistica-line-height-8: 2.5rem;
-    --mistica-font-weight-8: 300;
+    --mistica-font-weight-8: 700;
     --mistica-font-size-9: 2.5rem;
     --mistica-line-height-9: 3rem;
-    --mistica-font-weight-9: 300;
+    --mistica-font-weight-9: 700;
     --mistica-font-size-10: 3rem;
     --mistica-line-height-10: 3.5rem;
-    --mistica-font-weight-10: 300;
+    --mistica-font-weight-10: 700;
     --mistica-font-size-cardTitle: 1.25rem;
     --mistica-line-height-cardTitle: 1.5rem;
-    --mistica-font-weight-cardTitle: 400;
+    --mistica-font-weight-cardTitle: 500;
     --mistica-font-size-drawerTitle: 1.25rem;
     --mistica-line-height-drawerTitle: 1.5rem;
-    --mistica-font-weight-drawerTitle: 300;
+    --mistica-font-weight-drawerTitle: 700;
     --mistica-font-weight-rowTitle: 400;
     --mistica-font-weight-button: 500;
     --mistica-font-size-tabsLabel: 1rem;
@@ -393,13 +408,13 @@
     --mistica-font-weight-title1: 500;
     --mistica-font-size-title2: 1rem;
     --mistica-line-height-title2: 1.5rem;
-    --mistica-font-weight-title2: 300;
+    --mistica-font-weight-title2: 700;
     --mistica-font-size-title3: 1.25rem;
     --mistica-line-height-title3: 1.5rem;
-    --mistica-font-weight-title3: 300;
+    --mistica-font-weight-title3: 700;
     --mistica-font-size-title4: 1.5rem;
     --mistica-line-height-title4: 2rem;
-    --mistica-font-weight-title4: 300;
+    --mistica-font-weight-title4: 700;
     --mistica-font-weight-indicator: 500;
     --mistica-font-weight-navigationBar: 500;
     --mistica-font-size-chipLabel: 0.875rem;
@@ -458,25 +473,25 @@
     --mistica-color-backgroundBrandTop: var(--mistica-o2-darkModeBlack);
     --mistica-color-backgroundBrandBottom: var(--mistica-o2-darkModeBlack);
     --mistica-color-appBarBackground: var(--mistica-o2-darkModeGrey);
-    --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
-    --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-white), 0.03);
-    --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-white), 0.05);
+    --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-white), 0.05);
+    --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-white), 0.03);
     --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-white), 0.05);
     --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-raw-white), 0.03);
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.05);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-white), 0.03);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-white), 0.05);
-    --mistica-color-skeletonWave: var(--mistica-o2-grey5);
+    --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
+    --mistica-color-skeletonWave: var(--mistica-o2-grey80);
     --mistica-color-borderLow: var(--mistica-o2-darkModeBlack);
     --mistica-color-border: var(--mistica-o2-darkModeGrey);
-    --mistica-color-borderHigh: var(--mistica-o2-grey5);
-    --mistica-color-borderSelected: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-borderHigh: var(--mistica-o2-grey45);
+    --mistica-color-borderSelected: var(--mistica-o2-beyondBlue30);
     --mistica-color-coverBackgroundHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.25);
     --mistica-color-coverBackgroundPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.35);
-    --mistica-color-buttonDangerBackground: var(--mistica-o2-pepper);
-    --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-pepper60);
-    --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-pepper60);
+    --mistica-color-buttonDangerBackground: var(--mistica-o2-o2Red60);
+    --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-o2Red65);
+    --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-o2Red65);
     --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-o2-raw-white), 0);
     --mistica-color-buttonLinkDangerBackgroundNegative: rgba(var(--mistica-o2-raw-white), 0);
     --mistica-color-buttonLinkDangerBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
@@ -485,27 +500,27 @@
     --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkDangerBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkDangerBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-    --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-pepper10);
+    --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-o2Red10);
     --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
     --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-    --mistica-color-buttonPrimaryBackground: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-darkModeO2BluePrimary);
+    --mistica-color-buttonPrimaryBackground: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-darkModeBeyondBlue);
     --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-o2-white);
-    --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-    --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-beyondBlue10);
+    --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-beyondBlue55);
+    --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-beyondBlue15);
     --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
     --mistica-color-buttonSecondaryBorder: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderInverse: var(--mistica-o2-white);
@@ -516,7 +531,7 @@
     --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-white);
     --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-white);
-    --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-beyondBlue30);
     --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-o2-raw-white), 0.15);
@@ -527,108 +542,108 @@
     --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.15);
     --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.15);
-    --mistica-color-textButtonPrimary: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-o2BluePrimary);
-    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-o2BluePrimary70);
-    --mistica-color-textButtonSecondary: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-grey2);
+    --mistica-color-textButtonPrimary: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-beyondBlue);
+    --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-white);
+    --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-beyondBlue70);
+    --mistica-color-textButtonSecondary: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-grey30);
     --mistica-color-textButtonSecondaryMedia: var(--mistica-o2-white);
-    --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-grey2);
-    --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-grey2);
+    --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-grey30);
+    --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-grey30);
     --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-o2-white);
-    --mistica-color-textLink: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textLinkInverse: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textLinkNegative: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textLinkBrand: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-textLink: var(--mistica-o2-beyondBlue40);
+    --mistica-color-textLinkInverse: var(--mistica-o2-beyondBlue40);
+    --mistica-color-textLinkNegative: var(--mistica-o2-beyondBlue40);
+    --mistica-color-textLinkBrand: var(--mistica-o2-beyondBlue40);
     --mistica-color-textLinkMedia: var(--mistica-o2-white);
-    --mistica-color-textLinkDanger: var(--mistica-o2-pepper);
-    --mistica-color-textLinkDangerMedia: var(--mistica-o2-pepper);
-    --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-inputBorderNegative: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-inputBorderBrand: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-completedStepNegative: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-completedStepBrand: var(--mistica-o2-darkModeO2BluePrimary);
-    --mistica-color-control: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlInverse: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-controlNegative: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-controlBrand: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-controlActivatedInverse: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlActivatedNegative: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlActivatedBrand: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-controlError: var(--mistica-o2-pepper);
-    --mistica-color-chevronIndicator: var(--mistica-o2-grey5);
+    --mistica-color-textLinkDanger: var(--mistica-o2-o2Red45);
+    --mistica-color-textLinkDangerMedia: var(--mistica-o2-o2Red65);
+    --mistica-color-textLinkSnackbar: var(--mistica-o2-beyondBlue30);
+    --mistica-color-textActivated: var(--mistica-o2-beyondBlue30);
+    --mistica-color-textBrand: var(--mistica-o2-beyondBlue30);
+    --mistica-color-inputBorder: var(--mistica-o2-grey45);
+    --mistica-color-inputBorderInverse: var(--mistica-o2-grey45);
+    --mistica-color-inputBorderNegative: var(--mistica-o2-grey45);
+    --mistica-color-inputBorderBrand: var(--mistica-o2-grey45);
+    --mistica-color-completedStep: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-completedStepInverse: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-completedStepNegative: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-completedStepBrand: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-control: var(--mistica-o2-grey45);
+    --mistica-color-controlActivated: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-controlInverse: var(--mistica-o2-grey45);
+    --mistica-color-controlNegative: var(--mistica-o2-grey45);
+    --mistica-color-controlBrand: var(--mistica-o2-grey45);
+    --mistica-color-controlActivatedInverse: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-controlActivatedNegative: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-controlActivatedBrand: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-controlError: var(--mistica-o2-o2Red45);
+    --mistica-color-chevronIndicator: var(--mistica-o2-grey60);
     --mistica-color-barTrack: var(--mistica-o2-darkModeGrey6);
     --mistica-color-barTrackInverse: var(--mistica-o2-darkModeGrey6);
     --mistica-color-barTrackNegative: var(--mistica-o2-darkModeGrey6);
     --mistica-color-barTrackBrand: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-loadingBar: var(--mistica-o2-darkModeO2BluePrimary);
+    --mistica-color-loadingBar: var(--mistica-o2-darkModeBeyondBlue);
     --mistica-color-loadingBarBackground: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey4);
-    --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-o2BlueLight30);
-    --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey4);
-    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-o2BlueLight30);
-    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-iosControlKnob: var(--mistica-o2-grey2);
-    --mistica-color-controlKnobInverse: var(--mistica-o2-grey2);
-    --mistica-color-controlKnobNegative: var(--mistica-o2-grey2);
-    --mistica-color-controlKnobBrand: var(--mistica-o2-grey2);
-    --mistica-color-badge: var(--mistica-o2-pepper60);
-    --mistica-color-feedbackErrorBackground: var(--mistica-o2-pepper);
+    --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey20);
+    --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-beyondBlue15);
+    --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-darkModeBeyondBlue);
+    --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey20);
+    --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-beyondBlue15);
+    --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-grey45);
+    --mistica-color-iosControlKnob: var(--mistica-o2-grey30);
+    --mistica-color-controlKnobInverse: var(--mistica-o2-grey30);
+    --mistica-color-controlKnobNegative: var(--mistica-o2-grey30);
+    --mistica-color-controlKnobBrand: var(--mistica-o2-grey30);
+    --mistica-color-badge: var(--mistica-o2-o2Red65);
+    --mistica-color-feedbackErrorBackground: var(--mistica-o2-o2Red60);
     --mistica-color-feedbackInfoBackground: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-divider: rgba(var(--mistica-o2-raw-white), 0.05);
-    --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.05);
-    --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.05);
-    --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.05);
+    --mistica-color-divider: rgba(var(--mistica-o2-raw-white), 0.1);
+    --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.1);
+    --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.1);
+    --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.1);
     --mistica-color-navigationBarDivider: var(--mistica-o2-darkModeBlack);
-    --mistica-color-brand: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-brand: var(--mistica-o2-beyondBlue30);
     --mistica-color-brandHigh: rgba(var(--mistica-o2-raw-white), 0.05);
-    --mistica-color-inverse: var(--mistica-o2-grey2);
-    --mistica-color-negative: var(--mistica-o2-grey2);
-    --mistica-color-neutralHigh: var(--mistica-o2-grey2);
-    --mistica-color-neutralHighNegative: var(--mistica-o2-grey2);
-    --mistica-color-neutralHighBrand: var(--mistica-o2-grey2);
-    --mistica-color-neutralMedium: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumInverse: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumNegative: var(--mistica-o2-grey5);
-    --mistica-color-neutralMediumBrand: var(--mistica-o2-grey5);
+    --mistica-color-inverse: var(--mistica-o2-grey30);
+    --mistica-color-negative: var(--mistica-o2-grey30);
+    --mistica-color-neutralHigh: var(--mistica-o2-grey30);
+    --mistica-color-neutralHighBrand: var(--mistica-o2-grey30);
+    --mistica-color-neutralHighNegative: var(--mistica-o2-grey30);
+    --mistica-color-neutralMedium: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumInverse: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumNegative: var(--mistica-o2-grey60);
+    --mistica-color-neutralMediumBrand: var(--mistica-o2-grey60);
     --mistica-color-neutralLow: var(--mistica-o2-darkModeGrey6);
     --mistica-color-neutralLowAlternative: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-textPrimary: var(--mistica-o2-grey2);
-    --mistica-color-textPrimaryInverse: var(--mistica-o2-grey2);
-    --mistica-color-textPrimaryNegative: var(--mistica-o2-grey2);
-    --mistica-color-textPrimaryBrand: var(--mistica-o2-grey2);
+    --mistica-color-textPrimary: var(--mistica-o2-grey30);
+    --mistica-color-textPrimaryInverse: var(--mistica-o2-grey30);
+    --mistica-color-textPrimaryNegative: var(--mistica-o2-grey30);
+    --mistica-color-textPrimaryBrand: var(--mistica-o2-grey30);
     --mistica-color-textPrimaryMedia: var(--mistica-o2-white);
-    --mistica-color-textSecondary: var(--mistica-o2-grey4);
-    --mistica-color-textSecondaryInverse: var(--mistica-o2-grey4);
-    --mistica-color-textSecondaryNegative: var(--mistica-o2-grey4);
-    --mistica-color-textSecondaryBrand: var(--mistica-o2-grey4);
+    --mistica-color-textSecondary: var(--mistica-o2-grey45);
+    --mistica-color-textSecondaryInverse: var(--mistica-o2-grey45);
+    --mistica-color-textSecondaryNegative: var(--mistica-o2-grey45);
+    --mistica-color-textSecondaryBrand: var(--mistica-o2-grey45);
     --mistica-color-textSecondaryMedia: var(--mistica-o2-white);
     --mistica-color-success: var(--mistica-o2-o2Green);
     --mistica-color-warning: var(--mistica-o2-o2Orange);
-    --mistica-color-error: var(--mistica-o2-pepper);
-    --mistica-color-textError: var(--mistica-o2-pepper);
-    --mistica-color-textErrorInverse: var(--mistica-o2-pepper);
-    --mistica-color-textErrorNegative: var(--mistica-o2-pepper);
-    --mistica-color-textErrorBrand: var(--mistica-o2-pepper);
-    --mistica-color-promo: var(--mistica-o2-o2Purple);
+    --mistica-color-error: var(--mistica-o2-o2Red45);
+    --mistica-color-textError: var(--mistica-o2-o2Red45);
+    --mistica-color-textErrorInverse: var(--mistica-o2-o2Red45);
+    --mistica-color-textErrorNegative: var(--mistica-o2-o2Red45);
+    --mistica-color-textErrorBrand: var(--mistica-o2-o2Red45);
+    --mistica-color-promo: var(--mistica-o2-o2Pink);
     --mistica-color-highlight: var(--mistica-o2-o2Pink);
     --mistica-color-successLow: var(--mistica-o2-darkModeGrey6);
     --mistica-color-warningLow: var(--mistica-o2-darkModeGrey6);
@@ -637,36 +652,36 @@
     --mistica-color-brandLow: var(--mistica-o2-darkModeGrey6);
     --mistica-color-successHigh: var(--mistica-o2-o2Green40);
     --mistica-color-warningHigh: var(--mistica-o2-o2Orange40);
-    --mistica-color-errorHigh: var(--mistica-o2-pepper40);
-    --mistica-color-promoHigh: var(--mistica-o2-o2Purple30);
+    --mistica-color-errorHigh: var(--mistica-o2-o2Red40);
+    --mistica-color-promoHigh: var(--mistica-o2-o2Pink30);
     --mistica-color-successHighInverse: var(--mistica-o2-o2Green80);
     --mistica-color-successHighNegative: var(--mistica-o2-o2Green80);
     --mistica-color-successHighBrand: var(--mistica-o2-o2Green80);
     --mistica-color-warningHighInverse: var(--mistica-o2-o2Orange75);
     --mistica-color-warningHighNegative: var(--mistica-o2-o2Orange75);
     --mistica-color-warningHighBrand: var(--mistica-o2-o2Orange75);
-    --mistica-color-errorHighInverse: var(--mistica-o2-pepper60);
-    --mistica-color-errorHighNegative: var(--mistica-o2-pepper60);
-    --mistica-color-errorHighBrand: var(--mistica-o2-pepper60);
-    --mistica-color-promoHighInverse: var(--mistica-o2-o2Purple);
-    --mistica-color-promoHighNegative: var(--mistica-o2-o2Purple);
-    --mistica-color-promoHighBrand: var(--mistica-o2-o2Purple);
-    --mistica-color-textNavigationBarPrimary: var(--mistica-o2-grey2);
-    --mistica-color-textNavigationBarSecondary: var(--mistica-o2-grey4);
-    --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-grey4);
-    --mistica-color-textNavigationSearchBarText: var(--mistica-o2-grey2);
-    --mistica-color-textAppBar: var(--mistica-o2-grey5);
-    --mistica-color-textAppBarSelected: var(--mistica-o2-grey2);
+    --mistica-color-errorHighInverse: var(--mistica-o2-o2Red65);
+    --mistica-color-errorHighNegative: var(--mistica-o2-o2Red65);
+    --mistica-color-errorHighBrand: var(--mistica-o2-o2Red65);
+    --mistica-color-promoHighInverse: var(--mistica-o2-o2Pink);
+    --mistica-color-promoHighNegative: var(--mistica-o2-o2Pink);
+    --mistica-color-promoHighBrand: var(--mistica-o2-o2Pink);
+    --mistica-color-textNavigationBarPrimary: var(--mistica-o2-grey30);
+    --mistica-color-textNavigationBarSecondary: var(--mistica-o2-grey45);
+    --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-grey45);
+    --mistica-color-textNavigationSearchBarText: var(--mistica-o2-grey30);
+    --mistica-color-textAppBar: var(--mistica-o2-grey45);
+    --mistica-color-textAppBarSelected: var(--mistica-o2-beyondBlue40);
     --mistica-color-iosGlassAppBar: var(--mistica-o2-white);
-    --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-white);
+    --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-beyondBlue15);
     --mistica-color-customTabsBackground: var(--mistica-o2-darkModeBlack);
-    --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple30);
-    --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green40);
-    --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange40);
-    --mistica-color-tagTextError: var(--mistica-o2-pepper40);
+    --mistica-color-tagTextPromo: var(--mistica-o2-o2Pink);
+    --mistica-color-tagTextActive: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextInactive: var(--mistica-o2-grey40);
+    --mistica-color-tagTextInfo: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green);
+    --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange);
+    --mistica-color-tagTextError: var(--mistica-o2-o2Red45);
     --mistica-color-tagBackgroundPromo: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundActive: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundInactive: var(--mistica-o2-darkModeGrey6);
@@ -674,27 +689,27 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundWarning: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-o2-darkModeGrey6);
-    --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple30);
-    --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Purple30);
-    --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Purple30);
-    --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextActiveNegative: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextActiveBrand: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey5);
-    --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextInfoNegative: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextInfoBrand: var(--mistica-o2-o2BluePrimary30);
-    --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green40);
-    --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green40);
-    --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green40);
-    --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange40);
-    --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange40);
-    --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange40);
-    --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper40);
-    --mistica-color-tagTextErrorNegative: var(--mistica-o2-pepper40);
-    --mistica-color-tagTextErrorBrand: var(--mistica-o2-pepper40);
+    --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Pink);
+    --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Pink);
+    --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Pink);
+    --mistica-color-tagTextActiveInverse: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextActiveNegative: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextActiveBrand: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey40);
+    --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey40);
+    --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey40);
+    --mistica-color-tagTextInfoInverse: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextInfoNegative: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextInfoBrand: var(--mistica-o2-beyondBlue30);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green);
+    --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green);
+    --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green);
+    --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange);
+    --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange);
+    --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange);
+    --mistica-color-tagTextErrorInverse: var(--mistica-o2-o2Red45);
+    --mistica-color-tagTextErrorNegative: var(--mistica-o2-o2Red45);
+    --mistica-color-tagTextErrorBrand: var(--mistica-o2-o2Red45);
     --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-darkModeGrey6);
     --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-darkModeGrey6);
@@ -751,25 +766,25 @@
         --mistica-color-backgroundBrandTop: var(--mistica-o2-darkModeBlack);
         --mistica-color-backgroundBrandBottom: var(--mistica-o2-darkModeBlack);
         --mistica-color-appBarBackground: var(--mistica-o2-darkModeGrey);
-        --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
-        --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-white), 0.03);
-        --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-white), 0.05);
+        --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-white), 0.05);
+        --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-white), 0.03);
         --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-white), 0.05);
         --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-raw-white), 0.03);
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.05);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-white), 0.03);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-white), 0.05);
-        --mistica-color-skeletonWave: var(--mistica-o2-grey5);
+        --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
+        --mistica-color-skeletonWave: var(--mistica-o2-grey80);
         --mistica-color-borderLow: var(--mistica-o2-darkModeBlack);
         --mistica-color-border: var(--mistica-o2-darkModeGrey);
-        --mistica-color-borderHigh: var(--mistica-o2-grey5);
-        --mistica-color-borderSelected: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-borderHigh: var(--mistica-o2-grey45);
+        --mistica-color-borderSelected: var(--mistica-o2-beyondBlue30);
         --mistica-color-coverBackgroundHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.25);
         --mistica-color-coverBackgroundPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.35);
-        --mistica-color-buttonDangerBackground: var(--mistica-o2-pepper);
-        --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-pepper60);
-        --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-pepper60);
+        --mistica-color-buttonDangerBackground: var(--mistica-o2-o2Red60);
+        --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-o2Red65);
+        --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-o2Red65);
         --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-o2-raw-white), 0);
         --mistica-color-buttonLinkDangerBackgroundNegative: rgba(var(--mistica-o2-raw-white), 0);
         --mistica-color-buttonLinkDangerBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
@@ -778,27 +793,27 @@
         --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkDangerBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkDangerBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-        --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-pepper10);
+        --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-o2Red10);
         --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-        --mistica-color-buttonPrimaryBackground: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-darkModeO2BluePrimary);
+        --mistica-color-buttonPrimaryBackground: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-darkModeBeyondBlue);
         --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-o2-white);
-        --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-darkModeO2BluePrimaryDark);
-        --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-beyondBlue10);
+        --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-beyondBlue55);
+        --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-beyondBlue15);
         --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
         --mistica-color-buttonSecondaryBorder: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderInverse: var(--mistica-o2-white);
@@ -809,7 +824,7 @@
         --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-white);
-        --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-beyondBlue30);
         --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-o2-raw-white), 0.15);
@@ -820,108 +835,108 @@
         --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.15);
-        --mistica-color-textButtonPrimary: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-textButtonSecondary: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-grey2);
+        --mistica-color-textButtonPrimary: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-beyondBlue);
+        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-white);
+        --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-textButtonSecondary: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-grey30);
         --mistica-color-textButtonSecondaryMedia: var(--mistica-o2-white);
-        --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-grey2);
-        --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-grey2);
+        --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-grey30);
+        --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-grey30);
         --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-o2-white);
-        --mistica-color-textLink: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textLinkInverse: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textLinkNegative: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textLinkBrand: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-textLink: var(--mistica-o2-beyondBlue40);
+        --mistica-color-textLinkInverse: var(--mistica-o2-beyondBlue40);
+        --mistica-color-textLinkNegative: var(--mistica-o2-beyondBlue40);
+        --mistica-color-textLinkBrand: var(--mistica-o2-beyondBlue40);
         --mistica-color-textLinkMedia: var(--mistica-o2-white);
-        --mistica-color-textLinkDanger: var(--mistica-o2-pepper);
-        --mistica-color-textLinkDangerMedia: var(--mistica-o2-pepper);
-        --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-inputBorderNegative: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-inputBorderBrand: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-completedStepNegative: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-completedStepBrand: var(--mistica-o2-darkModeO2BluePrimary);
-        --mistica-color-control: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlInverse: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-controlNegative: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-controlBrand: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-controlActivatedInverse: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlActivatedNegative: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlActivatedBrand: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlError: var(--mistica-o2-pepper);
-        --mistica-color-chevronIndicator: var(--mistica-o2-grey5);
+        --mistica-color-textLinkDanger: var(--mistica-o2-o2Red45);
+        --mistica-color-textLinkDangerMedia: var(--mistica-o2-o2Red65);
+        --mistica-color-textLinkSnackbar: var(--mistica-o2-beyondBlue30);
+        --mistica-color-textActivated: var(--mistica-o2-beyondBlue30);
+        --mistica-color-textBrand: var(--mistica-o2-beyondBlue30);
+        --mistica-color-inputBorder: var(--mistica-o2-grey45);
+        --mistica-color-inputBorderInverse: var(--mistica-o2-grey45);
+        --mistica-color-inputBorderNegative: var(--mistica-o2-grey45);
+        --mistica-color-inputBorderBrand: var(--mistica-o2-grey45);
+        --mistica-color-completedStep: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-completedStepInverse: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-completedStepNegative: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-completedStepBrand: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-control: var(--mistica-o2-grey45);
+        --mistica-color-controlActivated: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-controlInverse: var(--mistica-o2-grey45);
+        --mistica-color-controlNegative: var(--mistica-o2-grey45);
+        --mistica-color-controlBrand: var(--mistica-o2-grey45);
+        --mistica-color-controlActivatedInverse: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-controlActivatedNegative: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-controlActivatedBrand: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-controlError: var(--mistica-o2-o2Red45);
+        --mistica-color-chevronIndicator: var(--mistica-o2-grey60);
         --mistica-color-barTrack: var(--mistica-o2-darkModeGrey6);
         --mistica-color-barTrackInverse: var(--mistica-o2-darkModeGrey6);
         --mistica-color-barTrackNegative: var(--mistica-o2-darkModeGrey6);
         --mistica-color-barTrackBrand: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-loadingBar: var(--mistica-o2-darkModeO2BluePrimary);
+        --mistica-color-loadingBar: var(--mistica-o2-darkModeBeyondBlue);
         --mistica-color-loadingBarBackground: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey4);
-        --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-o2BlueLight30);
-        --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey4);
-        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-o2BlueLight30);
-        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-iosControlKnob: var(--mistica-o2-grey2);
-        --mistica-color-controlKnobInverse: var(--mistica-o2-grey2);
-        --mistica-color-controlKnobNegative: var(--mistica-o2-grey2);
-        --mistica-color-controlKnobBrand: var(--mistica-o2-grey2);
-        --mistica-color-badge: var(--mistica-o2-pepper60);
-        --mistica-color-feedbackErrorBackground: var(--mistica-o2-pepper);
+        --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey20);
+        --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-beyondBlue15);
+        --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-darkModeBeyondBlue);
+        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey20);
+        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-beyondBlue15);
+        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-grey45);
+        --mistica-color-iosControlKnob: var(--mistica-o2-grey30);
+        --mistica-color-controlKnobInverse: var(--mistica-o2-grey30);
+        --mistica-color-controlKnobNegative: var(--mistica-o2-grey30);
+        --mistica-color-controlKnobBrand: var(--mistica-o2-grey30);
+        --mistica-color-badge: var(--mistica-o2-o2Red65);
+        --mistica-color-feedbackErrorBackground: var(--mistica-o2-o2Red60);
         --mistica-color-feedbackInfoBackground: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-divider: rgba(var(--mistica-o2-raw-white), 0.05);
-        --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.05);
-        --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.05);
-        --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.05);
+        --mistica-color-divider: rgba(var(--mistica-o2-raw-white), 0.1);
+        --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.1);
+        --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.1);
+        --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.1);
         --mistica-color-navigationBarDivider: var(--mistica-o2-darkModeBlack);
-        --mistica-color-brand: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-brand: var(--mistica-o2-beyondBlue30);
         --mistica-color-brandHigh: rgba(var(--mistica-o2-raw-white), 0.05);
-        --mistica-color-inverse: var(--mistica-o2-grey2);
-        --mistica-color-negative: var(--mistica-o2-grey2);
-        --mistica-color-neutralHigh: var(--mistica-o2-grey2);
-        --mistica-color-neutralHighNegative: var(--mistica-o2-grey2);
-        --mistica-color-neutralHighBrand: var(--mistica-o2-grey2);
-        --mistica-color-neutralMedium: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumInverse: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumNegative: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumBrand: var(--mistica-o2-grey5);
+        --mistica-color-inverse: var(--mistica-o2-grey30);
+        --mistica-color-negative: var(--mistica-o2-grey30);
+        --mistica-color-neutralHigh: var(--mistica-o2-grey30);
+        --mistica-color-neutralHighBrand: var(--mistica-o2-grey30);
+        --mistica-color-neutralHighNegative: var(--mistica-o2-grey30);
+        --mistica-color-neutralMedium: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumInverse: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumNegative: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumBrand: var(--mistica-o2-grey60);
         --mistica-color-neutralLow: var(--mistica-o2-darkModeGrey6);
         --mistica-color-neutralLowAlternative: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-textPrimary: var(--mistica-o2-grey2);
-        --mistica-color-textPrimaryInverse: var(--mistica-o2-grey2);
-        --mistica-color-textPrimaryNegative: var(--mistica-o2-grey2);
-        --mistica-color-textPrimaryBrand: var(--mistica-o2-grey2);
+        --mistica-color-textPrimary: var(--mistica-o2-grey30);
+        --mistica-color-textPrimaryInverse: var(--mistica-o2-grey30);
+        --mistica-color-textPrimaryNegative: var(--mistica-o2-grey30);
+        --mistica-color-textPrimaryBrand: var(--mistica-o2-grey30);
         --mistica-color-textPrimaryMedia: var(--mistica-o2-white);
-        --mistica-color-textSecondary: var(--mistica-o2-grey4);
-        --mistica-color-textSecondaryInverse: var(--mistica-o2-grey4);
-        --mistica-color-textSecondaryNegative: var(--mistica-o2-grey4);
-        --mistica-color-textSecondaryBrand: var(--mistica-o2-grey4);
+        --mistica-color-textSecondary: var(--mistica-o2-grey45);
+        --mistica-color-textSecondaryInverse: var(--mistica-o2-grey45);
+        --mistica-color-textSecondaryNegative: var(--mistica-o2-grey45);
+        --mistica-color-textSecondaryBrand: var(--mistica-o2-grey45);
         --mistica-color-textSecondaryMedia: var(--mistica-o2-white);
         --mistica-color-success: var(--mistica-o2-o2Green);
         --mistica-color-warning: var(--mistica-o2-o2Orange);
-        --mistica-color-error: var(--mistica-o2-pepper);
-        --mistica-color-textError: var(--mistica-o2-pepper);
-        --mistica-color-textErrorInverse: var(--mistica-o2-pepper);
-        --mistica-color-textErrorNegative: var(--mistica-o2-pepper);
-        --mistica-color-textErrorBrand: var(--mistica-o2-pepper);
-        --mistica-color-promo: var(--mistica-o2-o2Purple);
+        --mistica-color-error: var(--mistica-o2-o2Red45);
+        --mistica-color-textError: var(--mistica-o2-o2Red45);
+        --mistica-color-textErrorInverse: var(--mistica-o2-o2Red45);
+        --mistica-color-textErrorNegative: var(--mistica-o2-o2Red45);
+        --mistica-color-textErrorBrand: var(--mistica-o2-o2Red45);
+        --mistica-color-promo: var(--mistica-o2-o2Pink);
         --mistica-color-highlight: var(--mistica-o2-o2Pink);
         --mistica-color-successLow: var(--mistica-o2-darkModeGrey6);
         --mistica-color-warningLow: var(--mistica-o2-darkModeGrey6);
@@ -930,36 +945,36 @@
         --mistica-color-brandLow: var(--mistica-o2-darkModeGrey6);
         --mistica-color-successHigh: var(--mistica-o2-o2Green40);
         --mistica-color-warningHigh: var(--mistica-o2-o2Orange40);
-        --mistica-color-errorHigh: var(--mistica-o2-pepper40);
-        --mistica-color-promoHigh: var(--mistica-o2-o2Purple30);
+        --mistica-color-errorHigh: var(--mistica-o2-o2Red40);
+        --mistica-color-promoHigh: var(--mistica-o2-o2Pink30);
         --mistica-color-successHighInverse: var(--mistica-o2-o2Green80);
         --mistica-color-successHighNegative: var(--mistica-o2-o2Green80);
         --mistica-color-successHighBrand: var(--mistica-o2-o2Green80);
         --mistica-color-warningHighInverse: var(--mistica-o2-o2Orange75);
         --mistica-color-warningHighNegative: var(--mistica-o2-o2Orange75);
         --mistica-color-warningHighBrand: var(--mistica-o2-o2Orange75);
-        --mistica-color-errorHighInverse: var(--mistica-o2-pepper60);
-        --mistica-color-errorHighNegative: var(--mistica-o2-pepper60);
-        --mistica-color-errorHighBrand: var(--mistica-o2-pepper60);
-        --mistica-color-promoHighInverse: var(--mistica-o2-o2Purple);
-        --mistica-color-promoHighNegative: var(--mistica-o2-o2Purple);
-        --mistica-color-promoHighBrand: var(--mistica-o2-o2Purple);
-        --mistica-color-textNavigationBarPrimary: var(--mistica-o2-grey2);
-        --mistica-color-textNavigationBarSecondary: var(--mistica-o2-grey4);
-        --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-grey4);
-        --mistica-color-textNavigationSearchBarText: var(--mistica-o2-grey2);
-        --mistica-color-textAppBar: var(--mistica-o2-grey5);
-        --mistica-color-textAppBarSelected: var(--mistica-o2-grey2);
+        --mistica-color-errorHighInverse: var(--mistica-o2-o2Red65);
+        --mistica-color-errorHighNegative: var(--mistica-o2-o2Red65);
+        --mistica-color-errorHighBrand: var(--mistica-o2-o2Red65);
+        --mistica-color-promoHighInverse: var(--mistica-o2-o2Pink);
+        --mistica-color-promoHighNegative: var(--mistica-o2-o2Pink);
+        --mistica-color-promoHighBrand: var(--mistica-o2-o2Pink);
+        --mistica-color-textNavigationBarPrimary: var(--mistica-o2-grey30);
+        --mistica-color-textNavigationBarSecondary: var(--mistica-o2-grey45);
+        --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-grey45);
+        --mistica-color-textNavigationSearchBarText: var(--mistica-o2-grey30);
+        --mistica-color-textAppBar: var(--mistica-o2-grey45);
+        --mistica-color-textAppBarSelected: var(--mistica-o2-beyondBlue40);
         --mistica-color-iosGlassAppBar: var(--mistica-o2-white);
-        --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-white);
+        --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-beyondBlue15);
         --mistica-color-customTabsBackground: var(--mistica-o2-darkModeBlack);
-        --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple30);
-        --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green40);
-        --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange40);
-        --mistica-color-tagTextError: var(--mistica-o2-pepper40);
+        --mistica-color-tagTextPromo: var(--mistica-o2-o2Pink);
+        --mistica-color-tagTextActive: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextInactive: var(--mistica-o2-grey40);
+        --mistica-color-tagTextInfo: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green);
+        --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange);
+        --mistica-color-tagTextError: var(--mistica-o2-o2Red45);
         --mistica-color-tagBackgroundPromo: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundActive: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundInactive: var(--mistica-o2-darkModeGrey6);
@@ -967,27 +982,27 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundWarning: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-o2-darkModeGrey6);
-        --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple30);
-        --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Purple30);
-        --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Purple30);
-        --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextActiveNegative: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextActiveBrand: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextInfoNegative: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextInfoBrand: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green40);
-        --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green40);
-        --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green40);
-        --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange40);
-        --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange40);
-        --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange40);
-        --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper40);
-        --mistica-color-tagTextErrorNegative: var(--mistica-o2-pepper40);
-        --mistica-color-tagTextErrorBrand: var(--mistica-o2-pepper40);
+        --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Pink);
+        --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Pink);
+        --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Pink);
+        --mistica-color-tagTextActiveInverse: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextActiveNegative: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextActiveBrand: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey40);
+        --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey40);
+        --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey40);
+        --mistica-color-tagTextInfoInverse: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextInfoNegative: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextInfoBrand: var(--mistica-o2-beyondBlue30);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green);
+        --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green);
+        --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green);
+        --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange);
+        --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange);
+        --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange);
+        --mistica-color-tagTextErrorInverse: var(--mistica-o2-o2Red45);
+        --mistica-color-tagTextErrorNegative: var(--mistica-o2-o2Red45);
+        --mistica-color-tagTextErrorBrand: var(--mistica-o2-o2Red45);
         --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-darkModeGrey6);
         --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-darkModeGrey6);
@@ -1020,287 +1035,297 @@
 
     [data-mistica-skin='o2'][data-mistica-color-scheme='light'] {
         --mistica-color-background: var(--mistica-o2-white);
-        --mistica-color-backgroundAlternative: var(--mistica-o2-grey1);
-        --mistica-color-backgroundBrand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-backgroundNegative: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-backgroundBrandSecondary: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-backgroundAlternative: var(--mistica-o2-grey20);
+        --mistica-color-backgroundBrand: linear-gradient(
+            180deg,
+            var(--mistica-o2-darkBlue) 0%,
+            var(--mistica-o2-beyondBlue) 64%,
+            var(--mistica-o2-beyondBlue45) 100%
+        );
+        --mistica-color-backgroundNegative: var(--mistica-o2-beyondBlue);
+        --mistica-color-backgroundBrandSecondary: var(--mistica-o2-beyondBlue);
         --mistica-color-backgroundContainer: var(--mistica-o2-white);
-        --mistica-color-backgroundContainerError: var(--mistica-o2-pepper10);
+        --mistica-color-backgroundContainerError: var(--mistica-o2-o2Red10);
         --mistica-color-backgroundContainerHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.05);
         --mistica-color-backgroundContainerPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.08);
-        --mistica-color-backgroundContainerBrand: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-backgroundContainerBrand: linear-gradient(
+            180deg,
+            var(--mistica-o2-darkBlue) 0%,
+            var(--mistica-o2-beyondBlue) 64%,
+            var(--mistica-o2-beyondBlue45) 100%
+        );
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.2);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.4);
-        --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-o2-o2BluePrimary70);
+        --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-o2-beyondBlue70);
         --mistica-color-backgroundContainerNegative: rgba(var(--mistica-o2-raw-darkModeBlack), 0.4);
-        --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-backgroundContainerAlternative: var(--mistica-o2-grey1);
-        --mistica-color-backgroundOverlay: rgba(var(--mistica-o2-raw-grey6), 0.6);
-        --mistica-color-backgroundSkeleton: var(--mistica-o2-grey2);
-        --mistica-color-backgroundSkeletonInverse: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-o2-raw-grey6), 0.2);
-        --mistica-color-backgroundSkeletonBrand: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-backgroundBrandTop: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-backgroundBrandBottom: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-backgroundContainerBrandOverBrand: var(--mistica-o2-beyondBlue70);
+        --mistica-color-backgroundContainerAlternative: var(--mistica-o2-grey20);
+        --mistica-color-backgroundOverlay: rgba(var(--mistica-o2-raw-black), 0.6);
+        --mistica-color-backgroundSkeleton: var(--mistica-o2-grey30);
+        --mistica-color-backgroundSkeletonInverse: var(--mistica-o2-beyondBlue70);
+        --mistica-color-backgroundSkeletonNegative: rgba(var(--mistica-o2-raw-black), 0.2);
+        --mistica-color-backgroundSkeletonBrand: var(--mistica-o2-beyondBlue70);
+        --mistica-color-backgroundBrandTop: var(--mistica-o2-darkBlue);
+        --mistica-color-backgroundBrandBottom: var(--mistica-o2-beyondBlue45);
         --mistica-color-appBarBackground: var(--mistica-o2-white);
-        --mistica-color-navigationBarBackground: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.05);
-        --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.08);
-        --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.4);
-        --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.8);
+        --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-raw-beyondBlue), 0.05);
+        --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-raw-beyondBlue), 0.08);
+        --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
+        --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
         --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-raw-white), 0.1);
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.17);
-        --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.4);
-        --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-o2BluePrimary90), 0.8);
-        --mistica-color-skeletonWave: var(--mistica-o2-grey2);
-        --mistica-color-borderLow: var(--mistica-o2-grey1);
-        --mistica-color-border: var(--mistica-o2-grey3);
-        --mistica-color-borderHigh: var(--mistica-o2-grey5);
-        --mistica-color-borderSelected: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
+        --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
+        --mistica-color-navigationBarBackground: var(--mistica-o2-darkBlue);
+        --mistica-color-skeletonWave: var(--mistica-o2-grey30);
+        --mistica-color-borderLow: var(--mistica-o2-grey20);
+        --mistica-color-border: var(--mistica-o2-grey30);
+        --mistica-color-borderHigh: var(--mistica-o2-grey80);
+        --mistica-color-borderSelected: var(--mistica-o2-beyondBlue);
         --mistica-color-coverBackgroundHover: rgba(var(--mistica-o2-raw-darkModeBlack), 0.25);
         --mistica-color-coverBackgroundPressed: rgba(var(--mistica-o2-raw-darkModeBlack), 0.35);
-        --mistica-color-buttonDangerBackground: var(--mistica-o2-pepper);
-        --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-pepper60);
-        --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-pepper60);
+        --mistica-color-buttonDangerBackground: var(--mistica-o2-o2Red60);
+        --mistica-color-buttonDangerBackgroundPressed: var(--mistica-o2-o2Red65);
+        --mistica-color-buttonDangerBackgroundHover: var(--mistica-o2-o2Red65);
         --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-o2-white);
         --mistica-color-buttonLinkDangerBackgroundNegative: var(--mistica-o2-white);
         --mistica-color-buttonLinkDangerBackgroundBrand: var(--mistica-o2-white);
         --mistica-color-buttonLinkDangerBackgroundMedia: var(--mistica-o2-white);
-        --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-o2-pepper10);
-        --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-o2-pepper10);
-        --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-o2-pepper10);
-        --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-o2-pepper10);
-        --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-pepper10);
-        --mistica-color-buttonLinkBackgroundPressed: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-o2-o2Red10);
+        --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-o2-o2Red10);
+        --mistica-color-buttonLinkDangerBackgroundNegativePressed: var(--mistica-o2-o2Red10);
+        --mistica-color-buttonLinkDangerBackgroundBrandPressed: var(--mistica-o2-o2Red10);
+        --mistica-color-buttonLinkDangerBackgroundMediaPressed: var(--mistica-o2-o2Red10);
+        --mistica-color-buttonLinkBackgroundPressed: var(--mistica-o2-beyondBlue10);
         --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.08);
         --mistica-color-buttonLinkBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.08);
-        --mistica-color-buttonPrimaryBackground: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-buttonPrimaryBackground: var(--mistica-o2-beyondBlue);
         --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-o2-white);
         --mistica-color-buttonPrimaryBackgroundNegative: var(--mistica-o2-white);
         --mistica-color-buttonPrimaryBackgroundBrand: var(--mistica-o2-white);
         --mistica-color-buttonPrimaryBackgroundMedia: var(--mistica-o2-white);
-        --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-o2-beyondBlue70);
+        --mistica-color-buttonPrimaryBackgroundInverseHover: var(--mistica-o2-beyondBlue10);
+        --mistica-color-buttonPrimaryBackgroundNegativeHover: var(--mistica-o2-beyondBlue10);
+        --mistica-color-buttonPrimaryBackgroundBrandHover: var(--mistica-o2-beyondBlue10);
+        --mistica-color-buttonPrimaryBackgroundMediaHover: var(--mistica-o2-beyondBlue10);
+        --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-o2-beyondBlue15);
+        --mistica-color-buttonPrimaryBackgroundNegativePressed: var(--mistica-o2-beyondBlue15);
+        --mistica-color-buttonPrimaryBackgroundBrandPressed: var(--mistica-o2-beyondBlue15);
+        --mistica-color-buttonPrimaryBackgroundMediaPressed: var(--mistica-o2-beyondBlue15);
         --mistica-color-buttonSecondaryBackgroundBrand: rgba(var(--mistica-o2-raw-white), 0);
-        --mistica-color-buttonSecondaryBorder: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-buttonSecondaryBorder: var(--mistica-o2-beyondBlue);
         --mistica-color-buttonSecondaryBorderInverse: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderNegative: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderBrand: var(--mistica-o2-white);
         --mistica-color-buttonSecondaryBorderMedia: var(--mistica-o2-white);
-        --mistica-color-buttonSecondaryBorderPressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-buttonSecondaryBorderPressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-o2-beyondBlue30);
+        --mistica-color-buttonSecondaryBorderNegativePressed: var(--mistica-o2-beyondBlue30);
+        --mistica-color-buttonSecondaryBorderBrandPressed: var(--mistica-o2-beyondBlue30);
+        --mistica-color-buttonSecondaryBorderMediaPressed: var(--mistica-o2-beyondBlue30);
+        --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-o2-beyondBlue10);
         --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundNegativeHover: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundBrandHover: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundMediaHover: rgba(var(--mistica-o2-raw-white), 0.15);
-        --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-o2-beyondBlue10);
         --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundNegativePressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundBrandPressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-buttonSecondaryBackgroundMediaPressed: rgba(var(--mistica-o2-raw-white), 0.15);
         --mistica-color-textButtonPrimary: var(--mistica-o2-white);
-        --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-textButtonSecondary: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-textButtonPrimaryInverse: var(--mistica-o2-beyondBlue);
+        --mistica-color-textButtonPrimaryNegative: var(--mistica-o2-beyondBlue);
+        --mistica-color-textButtonPrimaryBrand: var(--mistica-o2-beyondBlue);
+        --mistica-color-textButtonPrimaryMedia: var(--mistica-o2-beyondBlue);
+        --mistica-color-textButtonPrimaryInversePressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-textButtonPrimaryNegativePressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-textButtonPrimaryBrandPressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-textButtonPrimaryMediaPressed: var(--mistica-o2-beyondBlue70);
+        --mistica-color-textButtonSecondary: var(--mistica-o2-beyondBlue);
         --mistica-color-textButtonSecondaryInverse: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryNegative: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryBrand: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryMedia: var(--mistica-o2-white);
-        --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-o2BluePrimary70);
+        --mistica-color-textButtonSecondaryPressed: var(--mistica-o2-beyondBlue70);
         --mistica-color-textButtonSecondaryInversePressed: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryNegativePressed: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryBrandPressed: var(--mistica-o2-white);
         --mistica-color-textButtonSecondaryMediaPressed: var(--mistica-o2-white);
-        --mistica-color-textLink: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-textLink: var(--mistica-o2-beyondBlue);
         --mistica-color-textLinkInverse: var(--mistica-o2-white);
         --mistica-color-textLinkNegative: var(--mistica-o2-white);
         --mistica-color-textLinkBrand: var(--mistica-o2-white);
         --mistica-color-textLinkMedia: var(--mistica-o2-white);
-        --mistica-color-textLinkDanger: var(--mistica-o2-pepper);
-        --mistica-color-textLinkDangerMedia: var(--mistica-o2-pepper);
-        --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-inputBorder: var(--mistica-o2-grey3);
+        --mistica-color-textLinkDanger: var(--mistica-o2-o2Red65);
+        --mistica-color-textLinkDangerMedia: var(--mistica-o2-o2Red65);
+        --mistica-color-textLinkSnackbar: var(--mistica-o2-beyondBlue30);
+        --mistica-color-textActivated: var(--mistica-o2-beyondBlue);
+        --mistica-color-textBrand: var(--mistica-o2-beyondBlue);
+        --mistica-color-inputBorder: var(--mistica-o2-grey45);
         --mistica-color-inputBorderInverse: var(--mistica-o2-white);
         --mistica-color-inputBorderNegative: var(--mistica-o2-white);
         --mistica-color-inputBorderBrand: var(--mistica-o2-white);
-        --mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-completedStepNegative: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-completedStepBrand: var(--mistica-o2-o2BluePrimary70);
-        --mistica-color-control: var(--mistica-o2-grey3);
-        --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-controlInverse: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlNegative: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-controlBrand: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-completedStep: var(--mistica-o2-beyondBlue);
+        --mistica-color-completedStepInverse: var(--mistica-o2-beyondBlue70);
+        --mistica-color-completedStepNegative: var(--mistica-o2-beyondBlue70);
+        --mistica-color-completedStepBrand: var(--mistica-o2-beyondBlue70);
+        --mistica-color-control: var(--mistica-o2-grey45);
+        --mistica-color-controlActivated: var(--mistica-o2-beyondBlue);
+        --mistica-color-controlInverse: var(--mistica-o2-white);
+        --mistica-color-controlNegative: var(--mistica-o2-white);
+        --mistica-color-controlBrand: var(--mistica-o2-white);
         --mistica-color-controlActivatedInverse: var(--mistica-o2-white);
         --mistica-color-controlActivatedNegative: var(--mistica-o2-white);
         --mistica-color-controlActivatedBrand: var(--mistica-o2-white);
-        --mistica-color-controlError: var(--mistica-o2-pepper);
-        --mistica-color-chevronIndicator: var(--mistica-o2-grey5);
-        --mistica-color-barTrack: var(--mistica-o2-grey3);
+        --mistica-color-controlError: var(--mistica-o2-o2Red60);
+        --mistica-color-chevronIndicator: var(--mistica-o2-grey60);
+        --mistica-color-barTrack: var(--mistica-o2-grey30);
         --mistica-color-barTrackInverse: rgba(var(--mistica-o2-raw-white), 0.3);
         --mistica-color-barTrackNegative: rgba(var(--mistica-o2-raw-white), 0.3);
         --mistica-color-barTrackBrand: rgba(var(--mistica-o2-raw-white), 0.3);
-        --mistica-color-loadingBar: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-loadingBarBackground: var(--mistica-o2-grey1);
-        --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey2);
-        --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-o2BluePrimary15);
+        --mistica-color-loadingBar: var(--mistica-o2-beyondBlue);
+        --mistica-color-loadingBarBackground: var(--mistica-o2-grey20);
+        --mistica-color-toggleAndroidInactive: var(--mistica-o2-grey30);
+        --mistica-color-toggleAndroidBackgroundActive: var(--mistica-o2-beyondBlue15);
         --mistica-color-toggleAndroidActiveBrand: var(--mistica-o2-white);
-        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey2);
-        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-o2BluePrimary15);
-        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-toggleAndroidInactiveBrand: var(--mistica-o2-grey30);
+        --mistica-color-toggleAndroidBackgroundActiveBrand: var(--mistica-o2-beyondBlue15);
+        --mistica-color-toggleAndroidBackgroundInactiveBrand: var(--mistica-o2-white);
         --mistica-color-iosControlKnob: var(--mistica-o2-white);
-        --mistica-color-controlKnobInverse: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-controlKnobNegative: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-controlKnobBrand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-badge: var(--mistica-o2-pepper60);
-        --mistica-color-feedbackErrorBackground: var(--mistica-o2-pepper);
-        --mistica-color-feedbackInfoBackground: var(--mistica-o2-grey6);
-        --mistica-color-divider: var(--mistica-o2-grey2);
+        --mistica-color-controlKnobInverse: var(--mistica-o2-beyondBlue);
+        --mistica-color-controlKnobNegative: var(--mistica-o2-beyondBlue);
+        --mistica-color-controlKnobBrand: var(--mistica-o2-beyondBlue);
+        --mistica-color-badge: var(--mistica-o2-o2Red65);
+        --mistica-color-feedbackErrorBackground: var(--mistica-o2-o2Red60);
+        --mistica-color-feedbackInfoBackground: var(--mistica-o2-black);
+        --mistica-color-divider: var(--mistica-o2-grey30);
         --mistica-color-dividerInverse: rgba(var(--mistica-o2-raw-white), 0.2);
         --mistica-color-dividerNegative: rgba(var(--mistica-o2-raw-white), 0.2);
         --mistica-color-dividerBrand: rgba(var(--mistica-o2-raw-white), 0.2);
-        --mistica-color-navigationBarDivider: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-brand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-brandHigh: var(--mistica-o2-o2BluePrimary70);
+        --mistica-color-navigationBarDivider: var(--mistica-o2-darkBlue);
+        --mistica-color-brand: var(--mistica-o2-beyondBlue);
+        --mistica-color-brandHigh: var(--mistica-o2-beyondBlue70);
         --mistica-color-inverse: var(--mistica-o2-white);
         --mistica-color-negative: var(--mistica-o2-white);
-        --mistica-color-neutralHigh: var(--mistica-o2-grey6);
-        --mistica-color-neutralHighNegative: var(--mistica-o2-white);
+        --mistica-color-neutralHigh: var(--mistica-o2-black);
         --mistica-color-neutralHighBrand: var(--mistica-o2-white);
-        --mistica-color-neutralMedium: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumInverse: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumNegative: var(--mistica-o2-grey5);
-        --mistica-color-neutralMediumBrand: var(--mistica-o2-grey5);
-        --mistica-color-neutralLow: var(--mistica-o2-grey1);
-        --mistica-color-neutralLowAlternative: var(--mistica-o2-grey2);
-        --mistica-color-textPrimary: var(--mistica-o2-grey6);
+        --mistica-color-neutralHighNegative: var(--mistica-o2-white);
+        --mistica-color-neutralMedium: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumInverse: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumNegative: var(--mistica-o2-grey60);
+        --mistica-color-neutralMediumBrand: var(--mistica-o2-grey60);
+        --mistica-color-neutralLow: var(--mistica-o2-grey20);
+        --mistica-color-neutralLowAlternative: var(--mistica-o2-grey30);
+        --mistica-color-textPrimary: var(--mistica-o2-black);
         --mistica-color-textPrimaryInverse: var(--mistica-o2-white);
         --mistica-color-textPrimaryNegative: var(--mistica-o2-white);
         --mistica-color-textPrimaryBrand: var(--mistica-o2-white);
         --mistica-color-textPrimaryMedia: var(--mistica-o2-white);
-        --mistica-color-textSecondary: var(--mistica-o2-grey5);
-        --mistica-color-textSecondaryInverse: var(--mistica-o2-o2BluePrimary15);
-        --mistica-color-textSecondaryNegative: var(--mistica-o2-o2BluePrimary15);
-        --mistica-color-textSecondaryBrand: var(--mistica-o2-o2BluePrimary15);
+        --mistica-color-textSecondary: var(--mistica-o2-grey60);
+        --mistica-color-textSecondaryInverse: var(--mistica-o2-beyondBlue10);
+        --mistica-color-textSecondaryNegative: var(--mistica-o2-beyondBlue10);
+        --mistica-color-textSecondaryBrand: var(--mistica-o2-beyondBlue10);
         --mistica-color-textSecondaryMedia: var(--mistica-o2-white);
         --mistica-color-success: var(--mistica-o2-o2Green);
-        --mistica-color-warning: var(--mistica-o2-o2Orange);
-        --mistica-color-error: var(--mistica-o2-pepper);
-        --mistica-color-textError: var(--mistica-o2-pepper);
+        --mistica-color-warning: var(--mistica-o2-o2Orange60);
+        --mistica-color-error: var(--mistica-o2-o2Red65);
+        --mistica-color-textError: var(--mistica-o2-o2Red65);
         --mistica-color-textErrorInverse: var(--mistica-o2-white);
         --mistica-color-textErrorNegative: var(--mistica-o2-white);
         --mistica-color-textErrorBrand: var(--mistica-o2-white);
-        --mistica-color-promo: var(--mistica-o2-o2Purple);
-        --mistica-color-highlight: var(--mistica-o2-o2Pink);
+        --mistica-color-promo: var(--mistica-o2-o2Pink);
+        --mistica-color-highlight: var(--mistica-o2-o2Pink80);
         --mistica-color-successLow: var(--mistica-o2-o2Green10);
         --mistica-color-warningLow: var(--mistica-o2-o2Orange10);
-        --mistica-color-errorLow: var(--mistica-o2-pepper10);
-        --mistica-color-promoLow: var(--mistica-o2-o2Purple10);
-        --mistica-color-brandLow: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-errorLow: var(--mistica-o2-o2Red10);
+        --mistica-color-promoLow: var(--mistica-o2-o2Pink15);
+        --mistica-color-brandLow: var(--mistica-o2-beyondBlue10);
         --mistica-color-successHigh: var(--mistica-o2-o2Green80);
         --mistica-color-warningHigh: var(--mistica-o2-o2Orange75);
-        --mistica-color-errorHigh: var(--mistica-o2-pepper60);
-        --mistica-color-promoHigh: var(--mistica-o2-o2Purple);
+        --mistica-color-errorHigh: var(--mistica-o2-o2Red65);
+        --mistica-color-promoHigh: var(--mistica-o2-o2Pink80);
         --mistica-color-successHighInverse: var(--mistica-o2-o2Green80);
         --mistica-color-successHighNegative: var(--mistica-o2-o2Green80);
         --mistica-color-successHighBrand: var(--mistica-o2-o2Green80);
         --mistica-color-warningHighInverse: var(--mistica-o2-o2Orange75);
         --mistica-color-warningHighNegative: var(--mistica-o2-o2Orange75);
         --mistica-color-warningHighBrand: var(--mistica-o2-o2Orange75);
-        --mistica-color-errorHighInverse: var(--mistica-o2-pepper60);
-        --mistica-color-errorHighNegative: var(--mistica-o2-pepper60);
-        --mistica-color-errorHighBrand: var(--mistica-o2-pepper60);
-        --mistica-color-promoHighInverse: var(--mistica-o2-o2Purple);
-        --mistica-color-promoHighNegative: var(--mistica-o2-o2Purple);
-        --mistica-color-promoHighBrand: var(--mistica-o2-o2Purple);
+        --mistica-color-errorHighInverse: var(--mistica-o2-o2Red65);
+        --mistica-color-errorHighNegative: var(--mistica-o2-o2Red65);
+        --mistica-color-errorHighBrand: var(--mistica-o2-o2Red65);
+        --mistica-color-promoHighInverse: var(--mistica-o2-o2Pink80);
+        --mistica-color-promoHighNegative: var(--mistica-o2-o2Pink80);
+        --mistica-color-promoHighBrand: var(--mistica-o2-o2Pink80);
         --mistica-color-textNavigationBarPrimary: var(--mistica-o2-white);
-        --mistica-color-textNavigationBarSecondary: var(--mistica-o2-o2BluePrimary30);
-        --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-textNavigationBarSecondary: var(--mistica-o2-beyondBlue30);
+        --mistica-color-textNavigationSearchBarHint: var(--mistica-o2-beyondBlue30);
         --mistica-color-textNavigationSearchBarText: var(--mistica-o2-white);
-        --mistica-color-textAppBar: var(--mistica-o2-grey4);
-        --mistica-color-textAppBarSelected: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-iosGlassAppBar: var(--mistica-o2-grey6);
-        --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-customTabsBackground: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple);
-        --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-textAppBar: var(--mistica-o2-grey60);
+        --mistica-color-textAppBarSelected: var(--mistica-o2-beyondBlue);
+        --mistica-color-iosGlassAppBar: var(--mistica-o2-black);
+        --mistica-color-iosGlassAppBarSelected: var(--mistica-o2-beyondBlue55);
+        --mistica-color-customTabsBackground: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextPromo: var(--mistica-o2-o2Pink80);
+        --mistica-color-tagTextActive: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextInactive: var(--mistica-o2-grey60);
+        --mistica-color-tagTextInfo: var(--mistica-o2-beyondBlue);
         --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green80);
         --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange75);
-        --mistica-color-tagTextError: var(--mistica-o2-pepper60);
-        --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Purple10);
-        --mistica-color-tagBackgroundActive: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey1);
-        --mistica-color-tagBackgroundInfo: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-tagTextError: var(--mistica-o2-o2Red65);
+        --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Pink15);
+        --mistica-color-tagBackgroundActive: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey20);
+        --mistica-color-tagBackgroundInfo: var(--mistica-o2-beyondBlue10);
         --mistica-color-tagBackgroundSuccess: var(--mistica-o2-o2Green10);
         --mistica-color-tagBackgroundWarning: var(--mistica-o2-o2Orange10);
-        --mistica-color-tagBackgroundError: var(--mistica-o2-pepper10);
-        --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple);
-        --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Purple);
-        --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Purple);
-        --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextActiveNegative: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextActiveBrand: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey5);
-        --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextInfoNegative: var(--mistica-o2-o2BluePrimary);
-        --mistica-color-tagTextInfoBrand: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-tagBackgroundError: var(--mistica-o2-o2Red10);
+        --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Pink80);
+        --mistica-color-tagTextPromoNegative: var(--mistica-o2-o2Pink80);
+        --mistica-color-tagTextPromoBrand: var(--mistica-o2-o2Pink80);
+        --mistica-color-tagTextActiveInverse: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextActiveNegative: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextActiveBrand: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey60);
+        --mistica-color-tagTextInactiveNegative: var(--mistica-o2-grey60);
+        --mistica-color-tagTextInactiveBrand: var(--mistica-o2-grey60);
+        --mistica-color-tagTextInfoInverse: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextInfoNegative: var(--mistica-o2-beyondBlue);
+        --mistica-color-tagTextInfoBrand: var(--mistica-o2-beyondBlue);
         --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green80);
         --mistica-color-tagTextSuccessNegative: var(--mistica-o2-o2Green80);
         --mistica-color-tagTextSuccessBrand: var(--mistica-o2-o2Green80);
         --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange75);
         --mistica-color-tagTextWarningNegative: var(--mistica-o2-o2Orange75);
         --mistica-color-tagTextWarningBrand: var(--mistica-o2-o2Orange75);
-        --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper60);
-        --mistica-color-tagTextErrorNegative: var(--mistica-o2-pepper60);
-        --mistica-color-tagTextErrorBrand: var(--mistica-o2-pepper60);
-        --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Purple10);
-        --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-o2Purple10);
-        --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-o2Purple10);
-        --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundActiveNegative: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundActiveBrand: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey1);
-        --mistica-color-tagBackgroundInactiveNegative: var(--mistica-o2-grey1);
-        --mistica-color-tagBackgroundInactiveBrand: var(--mistica-o2-grey1);
-        --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundInfoNegative: var(--mistica-o2-o2BluePrimary10);
-        --mistica-color-tagBackgroundInfoBrand: var(--mistica-o2-o2BluePrimary10);
+        --mistica-color-tagTextErrorInverse: var(--mistica-o2-o2Red65);
+        --mistica-color-tagTextErrorNegative: var(--mistica-o2-o2Red65);
+        --mistica-color-tagTextErrorBrand: var(--mistica-o2-o2Red65);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Pink15);
+        --mistica-color-tagBackgroundPromoNegative: var(--mistica-o2-o2Pink15);
+        --mistica-color-tagBackgroundPromoBrand: var(--mistica-o2-o2Pink15);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundActiveNegative: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundActiveBrand: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey20);
+        --mistica-color-tagBackgroundInactiveNegative: var(--mistica-o2-grey20);
+        --mistica-color-tagBackgroundInactiveBrand: var(--mistica-o2-grey20);
+        --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundInfoNegative: var(--mistica-o2-beyondBlue10);
+        --mistica-color-tagBackgroundInfoBrand: var(--mistica-o2-beyondBlue10);
         --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-o2Green10);
         --mistica-color-tagBackgroundSuccessNegative: var(--mistica-o2-o2Green10);
         --mistica-color-tagBackgroundSuccessBrand: var(--mistica-o2-o2Green10);
         --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-o2Orange10);
         --mistica-color-tagBackgroundWarningNegative: var(--mistica-o2-o2Orange10);
         --mistica-color-tagBackgroundWarningBrand: var(--mistica-o2-o2Orange10);
-        --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-pepper10);
-        --mistica-color-tagBackgroundErrorNegative: var(--mistica-o2-pepper10);
-        --mistica-color-tagBackgroundErrorBrand: var(--mistica-o2-pepper10);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-o2Red10);
+        --mistica-color-tagBackgroundErrorNegative: var(--mistica-o2-o2Red10);
+        --mistica-color-tagBackgroundErrorBrand: var(--mistica-o2-o2Red10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-o2-raw-black), 0) 0%,