/**********************************/
/* 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-surfaceContainerHigh: var(--c-navy-100);
  --c-surfaceContainerHighest: var(--c-navy-400);
  --c-outline: var(--c-navy-200);
  --c-outlineVariant: var(--c-navy-300);
  --c-onSurface: var(--c-navy-1100);
  --c-onSurfaceVariant: var(--c-navy-700);
  --c-onSurfaceContainerVariant: var(--c-grey-600);
  --c-disabled: var(--c-navy_alpha-8);
  --c-onSurfaceDisabled: var(--c-navy_alpha-40);
  --c-primary: var(--c-purple-900);
  --c-onPrimary: var(--c-white);
  --c-primaryContainer: var(--c-purple-200);
  --c-onPrimaryContainer: var(--c-purple-1100);
  --c-secondary: var(--c-violet-1000);
  --c-onSecondary: var(--c-white);
  --c-secondaryContainer: var(--c-violet-150);
  --c-onSecondaryContainer: var(--c-violet-1900);
  --c-onSecondaryContainerVariant: var(--c-violet-1400);
  --c-tertiary: var(--c-blue-1100);
  --c-onTertiary: var(--c-white);
  --c-outlineTertiary: var(--c-blue-1000);
  --c-tertiaryContainer: var(--c-blue-150);
  --c-onTertiaryContainer: var(--c-blue-1800);
  --c-onTertiaryContainerVariant: var(--c-blue-1200);
  --c-success: var(--c-green-1200);
  --c-onSuccess: var(--c-white);
  --c-successContainer: var(--c-green-150);
  --c-onSuccessContainer: var(--c-green-1800);
  --c-error: var(--c-red-1100);
  --c-onError: var(--c-white);
  --c-errorContainer: var(--c-red-150);
  --c-onErrorContainer: var(--c-red-1800);
  --c-warning: var(--c-yellow-600);
  --c-onWarning: var(--c-yellow-1700);
  --c-warningContainer: var(--c-yellow-150);
  --c-onWarningContainer: var(--c-yellow-1700);
  --c-neutral: var(--c-navy-1100);
  --c-onNeutral: var(--c-white);
  --c-connect: var(--c-purple-900);
  --c-onConnect: var(--c-white);
  --c-keyExchange: var(--c-violet-1000);
  --c-onKeyExchange: var(--c-white);
  --c-seasonLowest: var(--c-green-400);
  --c-onSeasonLowest: var(--c-green-2000);
  --c-seasonMedium: var(--c-green-800);
  --c-onSeasonMedium: var(--c-green-2000);
  --c-seasonHigh: var(--c-green-1200);
  --c-onSeasonHigh: var(--c-white);
  --c-seasonHighest: var(--c-green-1600);
  --c-onSeasonHighest: var(--c-white);
  --c-business: var(--c-plum-1400);
  --c-businessVariant: var(--c-plum-1100);
  --c-onBusiness: var(--c-white);
  --c-onBusinessVariant: var(--c-lime-400);
  --c-businessContainer: var(--c-lime-200);
  --c-onBusinessContainer: var(--c-plum-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-16);
  --c-surfaceFixed: var(--c-white);
  --c-onSurfaceFixed: var(--c-navy-1100);
  --c-inverseSurface: var(--c-navy-1100);
  --c-inverseOnSurface: var(--c-white);
  --c-marketingContainer: var(--c-lime-150);
  --c-onMarketingContainer: var(--c-lime-1600);
  --c-surfaceBrand: var(--c-purple-900);
  --c-onSurfaceBrand: var(--c-white);
}

.use-cobalt-light-theme {
  --c-surface: var(--c-white);
  --c-surfaceBright: var(--c-white);
  --c-surfaceContainer: var(--c-white);
  --c-surfaceContainerVariant: var(--c-navy-100);
  --c-surfaceContainerHigh: var(--c-navy-100);
  --c-surfaceContainerHighest: var(--c-navy-400);
  --c-outline: var(--c-navy-200);
  --c-outlineVariant: var(--c-navy-300);
  --c-onSurface: var(--c-navy-1100);
  --c-onSurfaceVariant: var(--c-navy-700);
  --c-onSurfaceContainerVariant: var(--c-grey-600);
  --c-disabled: var(--c-navy_alpha-8);
  --c-onSurfaceDisabled: var(--c-navy_alpha-40);
  --c-primary: var(--c-purple-900);
  --c-onPrimary: var(--c-white);
  --c-primaryContainer: var(--c-purple-200);
  --c-onPrimaryContainer: var(--c-purple-1100);
  --c-secondary: var(--c-violet-1000);
  --c-onSecondary: var(--c-white);
  --c-secondaryContainer: var(--c-violet-150);
  --c-onSecondaryContainer: var(--c-violet-1900);
  --c-onSecondaryContainerVariant: var(--c-violet-1400);
  --c-tertiary: var(--c-blue-1100);
  --c-onTertiary: var(--c-white);
  --c-outlineTertiary: var(--c-blue-1000);
  --c-tertiaryContainer: var(--c-blue-150);
  --c-onTertiaryContainer: var(--c-blue-1800);
  --c-onTertiaryContainerVariant: var(--c-blue-1200);
  --c-success: var(--c-green-1200);
  --c-onSuccess: var(--c-white);
  --c-successContainer: var(--c-green-150);
  --c-onSuccessContainer: var(--c-green-1800);
  --c-error: var(--c-red-1100);
  --c-onError: var(--c-white);
  --c-errorContainer: var(--c-red-150);
  --c-onErrorContainer: var(--c-red-1800);
  --c-warning: var(--c-yellow-600);
  --c-onWarning: var(--c-yellow-1700);
  --c-warningContainer: var(--c-yellow-150);
  --c-onWarningContainer: var(--c-yellow-1700);
  --c-neutral: var(--c-navy-1100);
  --c-onNeutral: var(--c-white);
  --c-connect: var(--c-purple-900);
  --c-onConnect: var(--c-white);
  --c-keyExchange: var(--c-violet-1000);
  --c-onKeyExchange: var(--c-white);
  --c-seasonLowest: var(--c-green-400);
  --c-onSeasonLowest: var(--c-green-2000);
  --c-seasonMedium: var(--c-green-800);
  --c-onSeasonMedium: var(--c-green-2000);
  --c-seasonHigh: var(--c-green-1200);
  --c-onSeasonHigh: var(--c-white);
  --c-seasonHighest: var(--c-green-1600);
  --c-onSeasonHighest: var(--c-white);
  --c-business: var(--c-plum-1400);
  --c-businessVariant: var(--c-plum-1100);
  --c-onBusiness: var(--c-white);
  --c-onBusinessVariant: var(--c-lime-400);
  --c-businessContainer: var(--c-lime-200);
  --c-onBusinessContainer: var(--c-plum-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-16);
  --c-surfaceFixed: var(--c-white);
  --c-onSurfaceFixed: var(--c-navy-1100);
  --c-inverseSurface: var(--c-navy-1100);
  --c-inverseOnSurface: var(--c-white);
  --c-marketingContainer: var(--c-lime-150);
  --c-onMarketingContainer: var(--c-lime-1600);
  --c-surfaceBrand: var(--c-purple-900);
  --c-onSurfaceBrand: var(--c-white);
}

.use-cobalt-dark-theme {
  --c-surface: var(--c-black-1500);
  --c-surfaceBright: var(--c-black-1300);
  --c-surfaceContainer: var(--c-black-1100);
  --c-surfaceContainerVariant: var(--c-black-300);
  --c-surfaceContainerHigh: var(--c-black-300);
  --c-surfaceContainerHighest: var(--c-black-800);
  --c-outline: var(--c-black-500);
  --c-outlineVariant: var(--c-grey-1200);
  --c-onSurface: var(--c-grey-100);
  --c-onSurfaceVariant: var(--c-grey-400);
  --c-onSurfaceContainerVariant: var(--c-grey-1000);
  --c-disabled: var(--c-grey_alpha-20);
  --c-onSurfaceDisabled: var(--c-grey_alpha-45);
  --c-primary: var(--c-purple-600);
  --c-onPrimary: var(--c-purple-1900);
  --c-primaryContainer: var(--c-purple-1700);
  --c-onPrimaryContainer: var(--c-purple-100);
  --c-secondary: var(--c-violet-500);
  --c-onSecondary: var(--c-violet-2000);
  --c-secondaryContainer: var(--c-violet-1700);
  --c-onSecondaryContainer: var(--c-violet-100);
  --c-onSecondaryContainerVariant: var(--c-violet-400);
  --c-tertiary: var(--c-blue-600);
  --c-onTertiary: var(--c-blue-2000);
  --c-outlineTertiary: var(--c-blue-900);
  --c-tertiaryContainer: var(--c-blue-1700);
  --c-onTertiaryContainer: var(--c-blue-150);
  --c-onTertiaryContainerVariant: var(--c-blue-500);
  --c-success: var(--c-green-500);
  --c-onSuccess: var(--c-green-2000);
  --c-successContainer: var(--c-green-1700);
  --c-onSuccessContainer: var(--c-green-150);
  --c-error: var(--c-red-600);
  --c-onError: var(--c-red-2000);
  --c-errorContainer: var(--c-red-1700);
  --c-onErrorContainer: var(--c-red-100);
  --c-warning: var(--c-yellow-600);
  --c-onWarning: var(--c-yellow-1900);
  --c-warningContainer: var(--c-yellow-1700);
  --c-onWarningContainer: var(--c-yellow-150);
  --c-neutral: var(--c-grey-200);
  --c-onNeutral: var(--c-black-1600);
  --c-connect: var(--c-purple-600);
  --c-onConnect: var(--c-purple-1900);
  --c-keyExchange: var(--c-violet-600);
  --c-onKeyExchange: var(--c-violet-1900);
  --c-seasonLowest: var(--c-green-1600);
  --c-onSeasonLowest: var(--c-white);
  --c-seasonMedium: var(--c-green-1200);
  --c-onSeasonMedium: var(--c-white);
  --c-seasonHigh: var(--c-green-800);
  --c-onSeasonHigh: var(--c-green-2000);
  --c-seasonHighest: var(--c-green-400);
  --c-onSeasonHighest: var(--c-green-2000);
  --c-business: var(--c-plum-1500);
  --c-businessVariant: var(--c-plum-900);
  --c-onBusiness: var(--c-white);
  --c-onBusinessVariant: var(--c-lime-400);
  --c-businessContainer: var(--c-lime-200);
  --c-onBusinessContainer: var(--c-plum-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-grey-200);
  --c-onSurfaceFixed: var(--c-navy-1100);
  --c-inverseSurface: var(--c-navy-1100);
  --c-inverseOnSurface: var(--c-grey-100);
  --c-marketingContainer: var(--c-lime-1700);
  --c-onMarketingContainer: var(--c-lime-150);
  --c-surfaceBrand: var(--c-purple-1100);
  --c-onSurfaceBrand: var(--c-white);
}