@drivy/cobalt 1.5.0 → 2.0.0-beta.2

package/styles/core/theme.css

@@ -2,484 +2,197 @@
 /* GENERATED WHEN BUILDING COBALT */
 /*** DO NOT MODIFY IT DIRECTLY ****/
 /**********************************/
+:root {
+  --c-surface: var(--c-white);
+  --c-surfaceBright: var(--c-white);
+  --c-surfaceContainer: var(--c-white);
+  --c-surfaceContainerVariant: var(--c-navy-100);
+  --c-outline: var(--c-navy-200);
+  --c-outlineVariant: var(--c-navy-300);
+  --c-onSurface: var(--c-navy-1100);
+  --c-onSurfaceVariant: var(--c-navy-600);
+  --c-onSurfaceContainerVariant: var(--c-grey-500);
+  --c-disabled: var(--c-navy_alpha-5);
+  --c-onSurfaceDisabled: var(--c-navy_alpha-30);
+  --c-primary: var(--c-purple-1100);
+  --c-onPrimary: var(--c-white);
+  --c-primaryContainer: var(--c-purple-200);
+  --c-onPrimaryContainer: var(--c-purple-1100);
+  --c-secondary: var(--c-violet-900);
+  --c-onSecondary: var(--c-violet-100);
+  --c-secondaryContainer: var(--c-violet-100);
+  --c-onSecondaryContainer: var(--c-violet-1500);
+  --c-onSecondaryContainerVariant: var(--c-violet-800);
+  --c-tertiary: var(--c-blue-900);
+  --c-onTertiary: var(--c-white);
+  --c-outlineTertiary: var(--c-blue-1000);
+  --c-tertiaryContainer: var(--c-blue-200);
+  --c-onTertiaryContainer: var(--c-violet-1600);
+  --c-onTertiaryContainerVariant: var(--c-blue-1000);
+  --c-success: var(--c-green-1000);
+  --c-onSuccess: var(--c-green-100);
+  --c-successContainer: var(--c-green-200);
+  --c-onSuccessContainer: var(--c-green-1300);
+  --c-error: var(--c-red-800);
+  --c-onError: var(--c-white);
+  --c-errorContainer: var(--c-red-100);
+  --c-onErrorContainer: var(--c-red-1100);
+  --c-warning: var(--c-yellow-800);
+  --c-onWarning: var(--c-yellow-1500);
+  --c-warningContainer: var(--c-yellow-200);
+  --c-onWarningContainer: var(--c-yellow-1400);
+  --c-connect: var(--c-purple-800);
+  --c-onConnect: var(--c-white);
+  --c-keyExchange: var(--c-violet-700);
+  --c-onKeyExchange: var(--c-white);
+  --c-seasonLowest: var(--c-green-200);
+  --c-onSeasonLowest: var(--c-black-1600);
+  --c-seasonMedium: var(--c-green-600);
+  --c-onSeasonMedium: var(--c-black-1600);
+  --c-seasonHigh: var(--c-green-1000);
+  --c-onSeasonHigh: var(--c-white);
+  --c-seasonHighest: var(--c-green-1300);
+  --c-onSeasonHighest: var(--c-white);
+  --c-business: var(--c-violet-1500);
+  --c-businessVariant: var(--c-violet-1100);
+  --c-onBusiness: var(--c-white);
+  --c-onBusinessVariant: var(--c-lime-500);
+  --c-businessContainer: var(--c-lime-300);
+  --c-onBusinessContainer: var(--c-violet-1600);
+  --c-hover: var(--c-black_alpha-4);
+  --c-focus: var(--c-black_alpha-8);
+  --c-press: var(--c-black_alpha-8);
+  --c-drag: var(--c-black_alpha-16);
+  --c-scrim: var(--c-black_alpha-26);
+  --c-surfaceFixed: var(--c-white);
+}
+
 .use-cobalt-light-theme {
-  --c-background-primary: var(--c-white);
-  --c-background-secondary: var(--c-white);
-  --c-background-accent: var(--c-purple-500);
-  --c-background-accentAlt: var(--c-purple-200);
-  --c-background-info: var(--c-yellow-100);
-  --c-background-error: var(--c-red-500);
-  --c-background-errorAlt: var(--c-red-100);
-  --c-background-success: var(--c-green-700);
-  --c-background-successAlt: var(--c-green-300);
-  --c-background-connect: var(--c-newPurple-500);
-  --c-background-connectAlt: var(--c-turquoise-50);
-  --c-background-driver: var(--c-yellow-500);
-  --c-background-owner: var(--c-navy-700);
-  --c-background-disabled: var(--c-navy-50);
-  --c-background-neutral: var(--c-navy-100);
-  --c-background-neutralAlt: var(--c-navy-50);
-  --c-background-seasonLow: var(--c-season-100);
-  --c-background-seasonMedium: var(--c-season-300);
-  --c-background-seasonHigh: var(--c-season-700);
-  --c-background-seasonVeryHigh: var(--c-season-1100);
-  --c-background-rental: var(--c-blue-500);
-  --c-background-rentalAlt: var(--c-blue-300);
-  --c-background-blocker: var(--c-grey-100);
-  --c-background-rideshare: var(--c-black-1000);
-  --c-background-keyExchange: var(--c-newViolet-500);
-  --c-background-picked: var(--c-green-700);
-  --c-background-base: var(--c-navy-900);
-  --c-background-secondaryInteractive: var(--c-white);
-  --c-background-secondaryInteractive--hover: var(--c-navy-50);
-  --c-background-accentInteractive: var(--c-purple-500);
-  --c-background-accentInteractive--hover: var(--c-purple-600);
-  --c-background-accentAltInteractive: var(--c-purple-200);
-  --c-background-accentAltInteractive--hover: var(--c-purple-200);
-  --c-background-connectInteractive: var(--c-newPurple-500);
-  --c-background-connectInteractive--hover: var(--c-turquoise-700);
-  --c-background-errorInteractive: var(--c-red-500);
-  --c-background-errorInteractive--hover: var(--c-red-700);
-  --c-text-base: var(--c-navy-700);
-  --c-text-subdued: var(--c-navy-300);
-  --c-text-accent: var(--c-purple-500);
-  --c-text-accentAlt: var(--c-purple-700);
-  --c-text-info: var(--c-yellow-900);
-  --c-text-error: var(--c-red-500);
-  --c-text-errorAlt: var(--c-red-500);
-  --c-text-success: var(--c-green-700);
-  --c-text-successAlt: var(--c-green-900);
-  --c-text-connect: var(--c-newPurple-500);
-  --c-text-connectAlt: var(--c-turquoise-900);
-  --c-text-driver: var(--c-navy-700);
-  --c-text-owner: var(--c-white);
-  --c-text-warning: var(--c-orange-500);
-  --c-text-infoAlt: var(--c-yellow-700);
-  --c-text-disabled: var(--c-navy-120);
-  --c-text-onAccent: var(--c-white);
-  --c-text-onRideshare: var(--c-white);
-  --c-text-onError: var(--c-white);
-  --c-text-onSuccess: var(--c-white);
-  --c-text-onConnect: var(--c-white);
-  --c-text-onKeyExchange: var(--c-white);
-  --c-text-onPicked: var(--c-white);
-  --c-text-keyExchange: var(--c-newViolet-500);
-  --c-text-picked: var(--c-green-700);
-  --c-text-rideshare: var(--c-black-1000);
-  --c-text-onBase: var(--c-white);
-  --c-text-onSeasonLow: var(--c-black-800);
-  --c-text-onSeasonMedium: var(--c-black-800);
-  --c-text-onSeasonHigh: var(--c-white);
-  --c-text-onSeasonVeryHigh: var(--c-white);
-  --c-text-onRental: var(--c-white);
-  --c-text-onRentalAlt: var(--c-black-300);
-  --c-text-inversed: var(--c-white);
-  --c-text-baseInteractive: var(--c-navy-700);
-  --c-text-baseInteractive--hover: var(--c-navy-900);
-  --c-text-subduedInteractive: var(--c-navy-300);
-  --c-text-subduedInteractive--hover: var(--c-navy-500);
-  --c-text-accentInteractive: var(--c-purple-500);
-  --c-text-accentInteractive--hover: var(--c-purple-700);
-  --c-text-accentAltInteractive: var(--c-purple-700);
-  --c-text-accentAltInteractive--hover: var(--c-purple-700);
-  --c-icon-base: var(--c-navy-700);
-  --c-icon-subdued: var(--c-navy-300);
-  --c-icon-accent: var(--c-purple-500);
-  --c-icon-accentAlt: var(--c-purple-700);
-  --c-icon-info: var(--c-yellow-900);
-  --c-icon-error: var(--c-red-500);
-  --c-icon-errorAlt: var(--c-red-500);
-  --c-icon-success: var(--c-green-700);
-  --c-icon-successAlt: var(--c-green-900);
-  --c-icon-connect: var(--c-newPurple-500);
-  --c-icon-connectAlt: var(--c-turquoise-900);
-  --c-icon-driver: var(--c-navy-700);
-  --c-icon-owner: var(--c-white);
-  --c-icon-warning: var(--c-orange-500);
-  --c-icon-infoAlt: var(--c-yellow-500);
-  --c-icon-disabled: var(--c-navy-200);
-  --c-icon-onAccent: var(--c-white);
-  --c-icon-onRideshare: var(--c-white);
-  --c-icon-onError: var(--c-white);
-  --c-icon-onSuccess: var(--c-white);
-  --c-icon-onConnect: var(--c-white);
-  --c-icon-onKeyExchange: var(--c-white);
-  --c-icon-onPicked: var(--c-white);
-  --c-icon-keyExchange: var(--c-newViolet-500);
-  --c-icon-picked: var(--c-green-700);
-  --c-icon-rideshare: var(--c-black-1000);
-  --c-icon-onBase: var(--c-white);
-  --c-icon-disabledAlt: var(--c-navy-120);
-  --c-icon-onRental: var(--c-white);
-  --c-icon-inversed: var(--c-white);
-  --c-icon-baseInteractive: var(--c-navy-700);
-  --c-icon-baseInteractive--hover: var(--c-navy-900);
-  --c-icon-subduedInteractive: var(--c-navy-300);
-  --c-icon-subduedInteractive--hover: var(--c-navy-500);
-  --c-icon-accentInteractive: var(--c-purple-500);
-  --c-icon-accentInteractive--hover: var(--c-purple-700);
-  --c-icon-accentAltInteractive: var(--c-purple-700);
-  --c-icon-accentAltInteractive--hover: var(--c-purple-700);
-  --c-stroke-base: var(--c-navy-100);
-  --c-stroke-subdued: var(--c-navy-50);
-  --c-stroke-accent: var(--c-purple-500);
-  --c-stroke-accentAlt: var(--c-purple-600);
-  --c-stroke-success: var(--c-green-500);
-  --c-stroke-successAlt: var(--c-green-500);
-  --c-stroke-error: var(--c-red-500);
-  --c-stroke-errorAlt: var(--c-red-500);
-  --c-stroke-strong: var(--c-grey-300);
-  --c-stroke-onAccent: var(--c-white);
-  --c-stroke-rental: var(--c-blue-700);
-  --c-stroke-blocker: var(--c-grey-300);
-  --c-stroke-onError: var(--c-white);
-  --c-stroke-onSuccess: var(--c-white);
-  --c-stroke-connect: var(--c-newPurple-500);
-  --c-stroke-keyExchange: var(--c-newViolet-500);
-  --c-stroke-picked: var(--c-green-700);
-  --c-stroke-onConnect: var(--c-white);
-  --c-stroke-onKeyExchange: var(--c-white);
-  --c-stroke-onPicked: var(--c-white);
-  --c-stroke-onRideshare: var(--c-white);
-  --c-stroke-rideshare: var(--c-black-1000);
-  --c-stroke-onBase: var(--c-white);
-  --c-stroke-baseInteractive: var(--c-navy-100);
-  --c-stroke-baseInteractive--hover: var(--c-navy-300);
-  --c-stroke-baseInteractive--press: var(--c-navy-500);
-  --c-stroke-accentInteractive: var(--c-purple-500);
-  --c-stroke-accentInteractive--hover: var(--c-purple-700);
-  --c-stroke-accentInteractive--press: var(--c-purple-900);
-  --c-stroke-strongInteractive: var(--c-grey-300);
-  --c-stroke-strongInteractive--hover: var(--c-grey-400);
-  --c-stroke-strongInteractive--press: var(--c-grey-500);
-  --c-buttonIcon-selected: var(--c-purple-500);
-  --c-buttonIcon-primary: var(--c-white);
-  --c-buttonIcon-secondary: var(--c-purple-500);
-  --c-buttonIcon-tertiary: var(--c-purple-500);
-  --c-buttonIcon-destructive: var(--c-red-500);
-  --c-buttonIcon-success: var(--c-white);
-  --c-buttonIcon-successAlt: var(--c-green-900);
-  --c-buttonIcon-disabled: var(--c-navy-300);
-  --c-buttonIcon-accentAlt: var(--c-purple-500);
-  --c-buttonIcon-primaryInteractive: var(--c-white);
-  --c-buttonIcon-primaryInteractive--hover: var(--c-white);
-  --c-buttonIcon-primaryInteractive--press: var(--c-white);
-  --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
-  --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-500);
-  --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
-  --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
-  --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-500);
-  --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
-  --c-buttonIcon-destructiveInteractive: var(--c-red-500);
-  --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
-  --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
-  --c-buttonIcon-successAltInteractive: var(--c-green-900);
-  --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
-  --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
-  --c-buttonLabel-selected: var(--c-purple-500);
-  --c-buttonLabel-primary: var(--c-white);
-  --c-buttonLabel-secondary: var(--c-purple-500);
-  --c-buttonLabel-tertiary: var(--c-purple-500);
-  --c-buttonLabel-disabled: var(--c-navy-300);
-  --c-buttonLabel-accentAlt: var(--c-purple-500);
-  --c-buttonLabel-destructive: var(--c-red-500);
-  --c-buttonLabel-success: var(--c-white);
-  --c-buttonLabel-successAlt: var(--c-green-900);
-  --c-buttonLabel-primaryInteractive: var(--c-white);
-  --c-buttonLabel-primaryInteractive--hover: var(--c-white);
-  --c-buttonLabel-primaryInteractive--press: var(--c-white);
-  --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
-  --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
-  --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
-  --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
-  --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
-  --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
-  --c-buttonLabel-destructiveInteractive: var(--c-red-500);
-  --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
-  --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
-  --c-buttonLabel-successAltInteractive: var(--c-green-900);
-  --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
-  --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
-  --c-buttonBackground-selected: var(--c-purple-100);
-  --c-buttonBackground-primary: var(--c-purple-500);
-  --c-buttonBackground-secondary: var(--c-white);
-  --c-buttonBackground-tertiary: var(--c-white);
-  --c-buttonBackground-accentAlt: var(--c-purple-100);
-  --c-buttonBackground-destructive: var(--c-red-100);
-  --c-buttonBackground-success: var(--c-green-700);
-  --c-buttonBackground-successAlt: var(--c-green-100);
-  --c-buttonBackground-disabled: var(--c-navy-100);
-  --c-buttonBackground-primaryInteractive: var(--c-purple-500);
-  --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
-  --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
-  --c-buttonBackground-secondaryInteractive: var(--c-white);
-  --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
-  --c-buttonBackground-secondaryInteractive--press: var(--c-white);
-  --c-buttonBackground-tertiaryInteractive: var(--c-white);
-  --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
-  --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
-  --c-buttonBackground-destructiveInteractive: var(--c-red-100);
-  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
-  --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
-  --c-buttonBackground-successAltInteractive: var(--c-green-100);
-  --c-buttonBackground-successAltInteractive--hover: var(--c-green-300);
-  --c-buttonBackground-successAltInteractive--press: var(--c-green-400);
-  --c-fill-base: var(--c-navy-500);
-  --c-fill-accent: var(--c-purple-500);
-  --c-fill-secondary: var(--c-yellow-500);
-  --c-fill-subdued: var(--c-navy-100);
-  --c-fill-neutral: var(--c-navy-50);
-  --c-fill-negative: var(--c-red-150);
-  --c-fill-accentAlt: var(--c-purple-100);
-  --c-fill-disabled: var(--c-navy-300);
-  --c-fill-error: var(--c-red-500);
-  --c-fill-success: var(--c-green-500);
-  --c-fill-rental: var(--c-blue-300);
-  --c-fill-blocker: var(--c-grey-100);
-  --c-fill-primary: var(--c-white);
-  --c-illustrations-primary: var(--c-navy-500);
-  --c-illustrations-secondary: var(--c-white);
-  --c-illustrations-accent1: var(--c-purple-500);
-  --c-illustrations-accent2: var(--c-blue-500);
+  --c-surface: var(--c-white);
+  --c-surfaceBright: var(--c-white);
+  --c-surfaceContainer: var(--c-white);
+  --c-surfaceContainerVariant: var(--c-navy-100);
+  --c-outline: var(--c-navy-200);
+  --c-outlineVariant: var(--c-navy-300);
+  --c-onSurface: var(--c-navy-1100);
+  --c-onSurfaceVariant: var(--c-navy-600);
+  --c-onSurfaceContainerVariant: var(--c-grey-500);
+  --c-disabled: var(--c-navy_alpha-5);
+  --c-onSurfaceDisabled: var(--c-navy_alpha-30);
+  --c-primary: var(--c-purple-1100);
+  --c-onPrimary: var(--c-white);
+  --c-primaryContainer: var(--c-purple-200);
+  --c-onPrimaryContainer: var(--c-purple-1100);
+  --c-secondary: var(--c-violet-900);
+  --c-onSecondary: var(--c-violet-100);
+  --c-secondaryContainer: var(--c-violet-100);
+  --c-onSecondaryContainer: var(--c-violet-1500);
+  --c-onSecondaryContainerVariant: var(--c-violet-800);
+  --c-tertiary: var(--c-blue-900);
+  --c-onTertiary: var(--c-white);
+  --c-outlineTertiary: var(--c-blue-1000);
+  --c-tertiaryContainer: var(--c-blue-200);
+  --c-onTertiaryContainer: var(--c-violet-1600);
+  --c-onTertiaryContainerVariant: var(--c-blue-1000);
+  --c-success: var(--c-green-1000);
+  --c-onSuccess: var(--c-green-100);
+  --c-successContainer: var(--c-green-200);
+  --c-onSuccessContainer: var(--c-green-1300);
+  --c-error: var(--c-red-800);
+  --c-onError: var(--c-white);
+  --c-errorContainer: var(--c-red-100);
+  --c-onErrorContainer: var(--c-red-1100);
+  --c-warning: var(--c-yellow-800);
+  --c-onWarning: var(--c-yellow-1500);
+  --c-warningContainer: var(--c-yellow-200);
+  --c-onWarningContainer: var(--c-yellow-1400);
+  --c-connect: var(--c-purple-800);
+  --c-onConnect: var(--c-white);
+  --c-keyExchange: var(--c-violet-700);
+  --c-onKeyExchange: var(--c-white);
+  --c-seasonLowest: var(--c-green-200);
+  --c-onSeasonLowest: var(--c-black-1600);
+  --c-seasonMedium: var(--c-green-600);
+  --c-onSeasonMedium: var(--c-black-1600);
+  --c-seasonHigh: var(--c-green-1000);
+  --c-onSeasonHigh: var(--c-white);
+  --c-seasonHighest: var(--c-green-1300);
+  --c-onSeasonHighest: var(--c-white);
+  --c-business: var(--c-violet-1500);
+  --c-businessVariant: var(--c-violet-1100);
+  --c-onBusiness: var(--c-white);
+  --c-onBusinessVariant: var(--c-lime-500);
+  --c-businessContainer: var(--c-lime-300);
+  --c-onBusinessContainer: var(--c-violet-1600);
+  --c-hover: var(--c-black_alpha-4);
+  --c-focus: var(--c-black_alpha-8);
+  --c-press: var(--c-black_alpha-8);
+  --c-drag: var(--c-black_alpha-16);
+  --c-scrim: var(--c-black_alpha-26);
+  --c-surfaceFixed: var(--c-white);
 }
 
 .use-cobalt-dark-theme {
-  --c-background-primary: var(--c-black-500);
-  --c-background-secondary: var(--c-black-400);
-  --c-background-accent: var(--c-purple-400);
-  --c-background-accentAlt: var(--c-purple-1000);
-  --c-background-info: var(--c-yellow-1000);
-  --c-background-error: var(--c-red-500);
-  --c-background-errorAlt: var(--c-red-1500);
-  --c-background-success: var(--c-green-700);
-  --c-background-successAlt: var(--c-green-1200);
-  --c-background-connect: var(--c-newPurple-200);
-  --c-background-connectAlt: var(--c-turquoise-900);
-  --c-background-driver: var(--c-yellow-500);
-  --c-background-owner: var(--c-navy-700);
-  --c-background-disabled: var(--c-black-500);
-  --c-background-neutral: var(--c-black-50);
-  --c-background-neutralAlt: var(--c-black-100);
-  --c-background-seasonLow: var(--c-season-300);
-  --c-background-seasonMedium: var(--c-season-600);
-  --c-background-seasonHigh: var(--c-season-900);
-  --c-background-seasonVeryHigh: var(--c-season-1200);
-  --c-background-rental: var(--c-blue-700);
-  --c-background-rentalAlt: var(--c-blue-500);
-  --c-background-blocker: var(--c-black-200);
-  --c-background-rideshare: var(--c-black-1000);
-  --c-background-keyExchange: var(--c-newViolet-200);
-  --c-background-picked: var(--c-green-500);
-  --c-background-base: var(--c-navy-50);
-  --c-background-secondaryInteractive: var(--c-black-400);
-  --c-background-secondaryInteractive--hover: var(--c-black-300);
-  --c-background-accentInteractive: var(--c-purple-400);
-  --c-background-accentInteractive--hover: var(--c-purple-700);
-  --c-background-accentAltInteractive: var(--c-purple-1000);
-  --c-background-accentAltInteractive--hover: var(--c-purple-900);
-  --c-background-connectInteractive: var(--c-newPurple-200);
-  --c-background-connectInteractive--hover: var(--c-turquoise-700);
-  --c-background-errorInteractive: var(--c-red-500);
-  --c-background-errorInteractive--hover: var(--c-red-500);
-  --c-text-base: var(--c-grey-100);
-  --c-text-subdued: var(--c-grey-300);
-  --c-text-accent: var(--c-purple-400);
-  --c-text-accentAlt: var(--c-purple-200);
-  --c-text-info: var(--c-yellow-400);
-  --c-text-error: var(--c-red-400);
-  --c-text-errorAlt: var(--c-red-200);
-  --c-text-success: var(--c-green-400);
-  --c-text-successAlt: var(--c-green-300);
-  --c-text-connect: var(--c-newPurple-200);
-  --c-text-connectAlt: var(--c-white);
-  --c-text-driver: var(--c-navy-700);
-  --c-text-owner: var(--c-grey-100);
-  --c-text-warning: var(--c-orange-300);
-  --c-text-infoAlt: var(--c-yellow-700);
-  --c-text-disabled: var(--c-black-50);
-  --c-text-onAccent: var(--c-black-1000);
-  --c-text-onRideshare: var(--c-white);
-  --c-text-onError: var(--c-white);
-  --c-text-onSuccess: var(--c-white);
-  --c-text-onConnect: var(--c-black-1000);
-  --c-text-onKeyExchange: var(--c-black-1000);
-  --c-text-onPicked: var(--c-black-1000);
-  --c-text-keyExchange: var(--c-newViolet-200);
-  --c-text-picked: var(--c-green-500);
-  --c-text-rideshare: var(--c-white);
-  --c-text-onBase: var(--c-navy-900);
-  --c-text-onSeasonLow: var(--c-black-800);
-  --c-text-onSeasonMedium: var(--c-white);
-  --c-text-onSeasonHigh: var(--c-white);
-  --c-text-onSeasonVeryHigh: var(--c-white);
-  --c-text-onRental: var(--c-white);
-  --c-text-onRentalAlt: var(--c-black-1000);
-  --c-text-inversed: var(--c-white);
-  --c-text-baseInteractive: var(--c-grey-100);
-  --c-text-baseInteractive--hover: var(--c-grey-300);
-  --c-text-subduedInteractive: var(--c-grey-300);
-  --c-text-subduedInteractive--hover: var(--c-grey-400);
-  --c-text-accentInteractive: var(--c-purple-400);
-  --c-text-accentInteractive--hover: var(--c-purple-500);
-  --c-text-accentAltInteractive: var(--c-purple-200);
-  --c-text-accentAltInteractive--hover: var(--c-purple-400);
-  --c-icon-base: var(--c-grey-100);
-  --c-icon-subdued: var(--c-grey-300);
-  --c-icon-accent: var(--c-purple-400);
-  --c-icon-accentAlt: var(--c-purple-200);
-  --c-icon-info: var(--c-yellow-400);
-  --c-icon-error: var(--c-red-400);
-  --c-icon-errorAlt: var(--c-red-200);
-  --c-icon-success: var(--c-green-400);
-  --c-icon-successAlt: var(--c-green-300);
-  --c-icon-connect: var(--c-newPurple-200);
-  --c-icon-connectAlt: var(--c-turquoise-50);
-  --c-icon-driver: var(--c-navy-700);
-  --c-icon-owner: var(--c-grey-100);
-  --c-icon-warning: var(--c-orange-300);
-  --c-icon-infoAlt: var(--c-yellow-700);
-  --c-icon-disabled: var(--c-black-75);
-  --c-icon-onAccent: var(--c-black-1000);
-  --c-icon-onRideshare: var(--c-white);
-  --c-icon-onError: var(--c-white);
-  --c-icon-onSuccess: var(--c-white);
-  --c-icon-onConnect: var(--c-black-1000);
-  --c-icon-onKeyExchange: var(--c-black-1000);
-  --c-icon-onPicked: var(--c-black-1000);
-  --c-icon-keyExchange: var(--c-newViolet-200);
-  --c-icon-picked: var(--c-green-500);
-  --c-icon-rideshare: var(--c-white);
-  --c-icon-onBase: var(--c-navy-900);
-  --c-icon-disabledAlt: var(--c-black-50);
-  --c-icon-onRental: var(--c-white);
-  --c-icon-inversed: var(--c-white);
-  --c-icon-baseInteractive: var(--c-grey-100);
-  --c-icon-baseInteractive--hover: var(--c-grey-200);
-  --c-icon-subduedInteractive: var(--c-grey-300);
-  --c-icon-subduedInteractive--hover: var(--c-grey-400);
-  --c-icon-accentInteractive: var(--c-purple-400);
-  --c-icon-accentInteractive--hover: var(--c-purple-500);
-  --c-icon-accentAltInteractive: var(--c-purple-200);
-  --c-icon-accentAltInteractive--hover: var(--c-purple-400);
-  --c-stroke-base: var(--c-black-100);
-  --c-stroke-subdued: var(--c-black-100);
-  --c-stroke-accent: var(--c-purple-400);
-  --c-stroke-accentAlt: var(--c-purple-400);
-  --c-stroke-success: var(--c-green-700);
-  --c-stroke-successAlt: var(--c-green-700);
-  --c-stroke-error: var(--c-red-400);
-  --c-stroke-errorAlt: var(--c-red-200);
-  --c-stroke-strong: var(--c-grey-700);
-  --c-stroke-onAccent: var(--c-grey-100);
-  --c-stroke-rental: var(--c-blue-500);
-  --c-stroke-blocker: var(--c-grey-500);
-  --c-stroke-onError: var(--c-white);
-  --c-stroke-onSuccess: var(--c-white);
-  --c-stroke-connect: var(--c-newPurple-200);
-  --c-stroke-keyExchange: var(--c-newViolet-200);
-  --c-stroke-picked: var(--c-green-500);
-  --c-stroke-onConnect: var(--c-black-75);
-  --c-stroke-onKeyExchange: var(--c-black-75);
-  --c-stroke-onPicked: var(--c-black-75);
-  --c-stroke-onRideshare: var(--c-black-1000);
-  --c-stroke-rideshare: var(--c-white);
-  --c-stroke-onBase: var(--c-black-600);
-  --c-stroke-baseInteractive: var(--c-black-100);
-  --c-stroke-baseInteractive--hover: var(--c-black-300);
-  --c-stroke-baseInteractive--press: var(--c-black-500);
-  --c-stroke-accentInteractive: var(--c-purple-400);
-  --c-stroke-accentInteractive--hover: var(--c-purple-600);
-  --c-stroke-accentInteractive--press: var(--c-purple-800);
-  --c-stroke-strongInteractive: var(--c-grey-700);
-  --c-stroke-strongInteractive--hover: var(--c-black-50);
-  --c-stroke-strongInteractive--press: var(--c-black-100);
-  --c-buttonIcon-selected: var(--c-grey-100);
-  --c-buttonIcon-primary: var(--c-black-1000);
-  --c-buttonIcon-secondary: var(--c-purple-400);
-  --c-buttonIcon-tertiary: var(--c-white);
-  --c-buttonIcon-destructive: var(--c-red-200);
-  --c-buttonIcon-success: var(--c-green-100);
-  --c-buttonIcon-successAlt: var(--c-green-100);
-  --c-buttonIcon-disabled: var(--c-grey-300);
-  --c-buttonIcon-accentAlt: var(--c-grey-100);
-  --c-buttonIcon-primaryInteractive: var(--c-black-1000);
-  --c-buttonIcon-primaryInteractive--hover: var(--c-black-1000);
-  --c-buttonIcon-primaryInteractive--press: var(--c-black-1000);
-  --c-buttonIcon-secondaryInteractive: var(--c-purple-400);
-  --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-300);
-  --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
-  --c-buttonIcon-tertiaryInteractive: var(--c-white);
-  --c-buttonIcon-tertiaryInteractive--hover: var(--c-white);
-  --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-1000);
-  --c-buttonIcon-destructiveInteractive: var(--c-red-200);
-  --c-buttonIcon-destructiveInteractive--hover: var(--c-red-200);
-  --c-buttonIcon-destructiveInteractive--press: var(--c-red-200);
-  --c-buttonIcon-successAltInteractive: var(--c-green-100);
-  --c-buttonIcon-successAltInteractive--hover: var(--c-green-100);
-  --c-buttonIcon-successAltInteractive--press: var(--c-green-100);
-  --c-buttonLabel-selected: var(--c-grey-100);
-  --c-buttonLabel-primary: var(--c-black-1000);
-  --c-buttonLabel-secondary: var(--c-purple-400);
-  --c-buttonLabel-tertiary: var(--c-white);
-  --c-buttonLabel-disabled: var(--c-grey-300);
-  --c-buttonLabel-accentAlt: var(--c-grey-100);
-  --c-buttonLabel-destructive: var(--c-red-200);
-  --c-buttonLabel-success: var(--c-green-100);
-  --c-buttonLabel-successAlt: var(--c-green-100);
-  --c-buttonLabel-primaryInteractive: var(--c-black-1000);
-  --c-buttonLabel-primaryInteractive--hover: var(--c-black-1000);
-  --c-buttonLabel-primaryInteractive--press: var(--c-black-1000);
-  --c-buttonLabel-secondaryInteractive: var(--c-purple-400);
-  --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-300);
-  --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
-  --c-buttonLabel-tertiaryInteractive: var(--c-white);
-  --c-buttonLabel-tertiaryInteractive--hover: var(--c-white);
-  --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-1000);
-  --c-buttonLabel-destructiveInteractive: var(--c-red-200);
-  --c-buttonLabel-destructiveInteractive--hover: var(--c-red-200);
-  --c-buttonLabel-destructiveInteractive--press: var(--c-red-200);
-  --c-buttonLabel-successAltInteractive: var(--c-green-100);
-  --c-buttonLabel-successAltInteractive--hover: var(--c-green-100);
-  --c-buttonLabel-successAltInteractive--press: var(--c-green-100);
-  --c-buttonBackground-selected: var(--c-purpleDeep-900);
-  --c-buttonBackground-primary: var(--c-purple-400);
-  --c-buttonBackground-secondary: var(--c-black-100);
-  --c-buttonBackground-tertiary: var(--c-white);
-  --c-buttonBackground-accentAlt: var(--c-purple-900);
-  --c-buttonBackground-destructive: var(--c-red-900);
-  --c-buttonBackground-success: var(--c-green-900);
-  --c-buttonBackground-successAlt: var(--c-green-1000);
-  --c-buttonBackground-disabled: var(--c-black-50);
-  --c-buttonBackground-primaryInteractive: var(--c-purple-400);
-  --c-buttonBackground-primaryInteractive--hover: var(--c-purple-800);
-  --c-buttonBackground-primaryInteractive--press: var(--c-purple-1000);
-  --c-buttonBackground-secondaryInteractive: var(--c-black-100);
-  --c-buttonBackground-secondaryInteractive--hover: var(--c-black-500);
-  --c-buttonBackground-secondaryInteractive--press: var(--c-black-500);
-  --c-buttonBackground-tertiaryInteractive: var(--c-white);
-  --c-buttonBackground-tertiaryInteractive--hover: var(--c-black-500);
-  --c-buttonBackground-tertiaryInteractive--press: var(--c-black-500);
-  --c-buttonBackground-destructiveInteractive: var(--c-red-900);
-  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-800);
-  --c-buttonBackground-destructiveInteractive--press: var(--c-red-900);
-  --c-buttonBackground-successAltInteractive: var(--c-green-1000);
-  --c-buttonBackground-successAltInteractive--hover: var(--c-green-900);
-  --c-buttonBackground-successAltInteractive--press: var(--c-green-1000);
-  --c-fill-base: var(--c-navy-50);
-  --c-fill-accent: var(--c-purple-400);
-  --c-fill-secondary: var(--c-yellow-400);
-  --c-fill-subdued: var(--c-black-50);
-  --c-fill-neutral: var(--c-black-100);
-  --c-fill-negative: var(--c-red-800);
-  --c-fill-accentAlt: var(--c-purple-900);
-  --c-fill-disabled: var(--c-grey-300);
-  --c-fill-error: var(--c-red-500);
-  --c-fill-success: var(--c-green-700);
-  --c-fill-rental: var(--c-blue-700);
-  --c-fill-blocker: var(--c-black-200);
-  --c-fill-primary: var(--c-black-1000);
-  --c-illustrations-primary: var(--c-white);
-  --c-illustrations-secondary: var(--c-white);
-  --c-illustrations-accent1: var(--c-white);
-  --c-illustrations-accent2: var(--c-white);
+  --c-surface: var(--c-black-1600);
+  --c-surfaceBright: var(--c-black-1400);
+  --c-surfaceContainer: var(--c-black-1100);
+  --c-surfaceContainerVariant: var(--c-black-800);
+  --c-outline: var(--c-black-1000);
+  --c-outlineVariant: var(--c-black-400);
+  --c-onSurface: var(--c-grey-300);
+  --c-onSurfaceVariant: var(--c-grey-700);
+  --c-onSurfaceContainerVariant: var(--c-grey-1300);
+  --c-disabled: var(--c-grey_alpha-8);
+  --c-onSurfaceDisabled: var(--c-grey_alpha-15);
+  --c-primary: var(--c-purple-600);
+  --c-onPrimary: var(--c-black-1600);
+  --c-primaryContainer: var(--c-purple-1600);
+  --c-onPrimaryContainer: var(--c-purple-200);
+  --c-secondary: var(--c-violet-1100);
+  --c-onSecondary: var(--c-violet-100);
+  --c-secondaryContainer: var(--c-violet-1400);
+  --c-onSecondaryContainer: var(--c-violet-100);
+  --c-onSecondaryContainerVariant: var(--c-violet-100);
+  --c-tertiary: var(--c-blue-1100);
+  --c-onTertiary: var(--c-blue-100);
+  --c-outlineTertiary: var(--c-blue-800);
+  --c-tertiaryContainer: var(--c-blue-1300);
+  --c-onTertiaryContainer: var(--c-blue-100);
+  --c-onTertiaryContainerVariant: var(--c-blue-300);
+  --c-success: var(--c-green-600);
+  --c-onSuccess: var(--c-black-1200);
+  --c-successContainer: var(--c-green-1200);
+  --c-onSuccessContainer: var(--c-green-200);
+  --c-error: var(--c-red-500);
+  --c-onError: var(--c-black-1600);
+  --c-errorContainer: var(--c-red-1400);
+  --c-onErrorContainer: var(--c-red-200);
+  --c-warning: var(--c-yellow-600);
+  --c-onWarning: var(--c-black-1600);
+  --c-warningContainer: var(--c-yellow-1600);
+  --c-onWarningContainer: var(--c-yellow-500);
+  --c-connect: var(--c-purple-500);
+  --c-onConnect: var(--c-black-1600);
+  --c-keyExchange: var(--c-violet-500);
+  --c-onKeyExchange: var(--c-black-1600);
+  --c-seasonLowest: var(--c-green-300);
+  --c-onSeasonLowest: var(--c-black-1600);
+  --c-seasonMedium: var(--c-green-700);
+  --c-onSeasonMedium: var(--c-black-1600);
+  --c-seasonHigh: var(--c-green-1100);
+  --c-onSeasonHigh: var(--c-white);
+  --c-seasonHighest: var(--c-green-1400);
+  --c-onSeasonHighest: var(--c-white);
+  --c-business: var(--c-violet-1600);
+  --c-businessVariant: var(--c-violet-800);
+  --c-onBusiness: var(--c-white);
+  --c-onBusinessVariant: var(--c-lime-300);
+  --c-businessContainer: var(--c-lime-200);
+  --c-onBusinessContainer: var(--c-violet-1300);
+  --c-hover: var(--c-white_alpha-15);
+  --c-focus: var(--c-white_alpha-20);
+  --c-press: var(--c-white_alpha-20);
+  --c-drag: var(--c-white_alpha-20);
+  --c-scrim: var(--c-black_alpha-26);
+  --c-surfaceFixed: var(--c-white);
 }