outsystems-design-tokens/dist/_utilities.css

Store the Design Tokens used on the Ionic Framework and Widgets Library

.token-display-sm-regular {
  font-size: var(--token-font-size-800, 2rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1100, var(--token-scale-1100, 44px));
  text-transform: none;
  text-decoration: none;
}

.token-display-sm-light {
  font-size: var(--token-font-size-800, 2rem);
  font-style: normal;
  font-weight: var(--token-font-weight-light, 300);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1100, var(--token-scale-1100, 44px));
  text-transform: none;
  text-decoration: none;
}

.token-display-lg-regular {
  font-size: var(--token-font-size-900, 2.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1200, var(--token-scale-1200, 48px));
  text-transform: none;
  text-decoration: none;
}

.token-display-lg-light {
  font-size: var(--token-font-size-900, 2.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-light, 300);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1200, var(--token-scale-1200, 48px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-regular {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-medium {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-semi-bold {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-bold {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-regular {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-medium {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-semi-bold {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-bold {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-regular {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-medium {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-semi-bold {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-bold {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-regular {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-medium {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-semi-bold {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-bold {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-regular {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-medium {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-semi-bold {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-bold {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-regular {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-medium {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-semi-bold {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-bold {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-lg {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-md {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-sm {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-xs {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-regular {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-medium {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-semi-bold {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-bold {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-regular {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-medium {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-semi-bold {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-bold {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-regular {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-medium {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-semi-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-overline-regular {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-medium {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-semi-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-primitives-neutral-100 {
  --color: var(--token-primitives-neutral-100, #f9f9f9);
  color: var(--token-primitives-neutral-100, #f9f9f9);
}

.token-primitives-neutral-200 {
  --color: var(--token-primitives-neutral-200, #f2f2f2);
  color: var(--token-primitives-neutral-200, #f2f2f2);
}

.token-primitives-neutral-300 {
  --color: var(--token-primitives-neutral-300, #e8e8e8);
  color: var(--token-primitives-neutral-300, #e8e8e8);
}

.token-primitives-neutral-400 {
  --color: var(--token-primitives-neutral-400, #e1e1e1);
  color: var(--token-primitives-neutral-400, #e1e1e1);
}

.token-primitives-neutral-500 {
  --color: var(--token-primitives-neutral-500, #cecece);
  color: var(--token-primitives-neutral-500, #cecece);
}

.token-primitives-neutral-600 {
  --color: var(--token-primitives-neutral-600, #a2a2a2);
  color: var(--token-primitives-neutral-600, #a2a2a2);
}

.token-primitives-neutral-700 {
  --color: var(--token-primitives-neutral-700, #8d8d8d);
  color: var(--token-primitives-neutral-700, #8d8d8d);
}

.token-primitives-neutral-800 {
  --color: var(--token-primitives-neutral-800, #838383);
  color: var(--token-primitives-neutral-800, #838383);
}

.token-primitives-neutral-900 {
  --color: var(--token-primitives-neutral-900, #646464);
  color: var(--token-primitives-neutral-900, #646464);
}

.token-primitives-neutral-1000 {
  --color: var(--token-primitives-neutral-1000, #3b3b3b);
  color: var(--token-primitives-neutral-1000, #3b3b3b);
}

.token-primitives-neutral-1100 {
  --color: var(--token-primitives-neutral-1100, #303030);
  color: var(--token-primitives-neutral-1100, #303030);
}

.token-primitives-neutral-1200 {
  --color: var(--token-primitives-neutral-1200, #242424);
  color: var(--token-primitives-neutral-1200, #242424);
}

.token-primitives-base-white {
  --color: var(--token-primitives-base-white, #ffffff);
  color: var(--token-primitives-base-white, #ffffff);
}

.token-primitives-base-black {
  --color: var(--token-primitives-base-black, #111111);
  color: var(--token-primitives-base-black, #111111);
}

.token-primitives-red-100 {
  --color: var(--token-primitives-red-100, #ffecec);
  color: var(--token-primitives-red-100, #ffecec);
}

.token-primitives-red-200 {
  --color: var(--token-primitives-red-200, #ffd9d9);
  color: var(--token-primitives-red-200, #ffd9d9);
}

.token-primitives-red-300 {
  --color: var(--token-primitives-red-300, #fcc1c1);
  color: var(--token-primitives-red-300, #fcc1c1);
}

.token-primitives-red-400 {
  --color: var(--token-primitives-red-400, #faa1a1);
  color: var(--token-primitives-red-400, #faa1a1);
}

.token-primitives-red-500 {
  --color: var(--token-primitives-red-500, #f97d7d);
  color: var(--token-primitives-red-500, #f97d7d);
}

.token-primitives-red-600 {
  --color: var(--token-primitives-red-600, #f85151);
  color: var(--token-primitives-red-600, #f85151);
}

.token-primitives-red-700 {
  --color: var(--token-primitives-red-700, #d82424);
  color: var(--token-primitives-red-700, #d82424);
}

.token-primitives-red-800 {
  --color: var(--token-primitives-red-800, #cf1e1e);
  color: var(--token-primitives-red-800, #cf1e1e);
}

.token-primitives-red-900 {
  --color: var(--token-primitives-red-900, #991b1b);
  color: var(--token-primitives-red-900, #991b1b);
}

.token-primitives-red-1000 {
  --color: var(--token-primitives-red-1000, #761515);
  color: var(--token-primitives-red-1000, #761515);
}

.token-primitives-red-1100 {
  --color: var(--token-primitives-red-1100, #540f0f);
  color: var(--token-primitives-red-1100, #540f0f);
}

.token-primitives-red-1200 {
  --color: var(--token-primitives-red-1200, #330909);
  color: var(--token-primitives-red-1200, #330909);
}

.token-primitives-pumpkin-100 {
  --color: var(--token-primitives-pumpkin-100, #ffe0db);
  color: var(--token-primitives-pumpkin-100, #ffe0db);
}

.token-primitives-pumpkin-200 {
  --color: var(--token-primitives-pumpkin-200, #ffd6d0);
  color: var(--token-primitives-pumpkin-200, #ffd6d0);
}

.token-primitives-pumpkin-300 {
  --color: var(--token-primitives-pumpkin-300, #fbbdb1);
  color: var(--token-primitives-pumpkin-300, #fbbdb1);
}

.token-primitives-pumpkin-400 {
  --color: var(--token-primitives-pumpkin-400, #f9947c);
  color: var(--token-primitives-pumpkin-400, #f9947c);
}

.token-primitives-pumpkin-500 {
  --color: var(--token-primitives-pumpkin-500, #f75d07);
  color: var(--token-primitives-pumpkin-500, #f75d07);
}

.token-primitives-pumpkin-600 {
  --color: var(--token-primitives-pumpkin-600, #da5206);
  color: var(--token-primitives-pumpkin-600, #da5206);
}

.token-primitives-pumpkin-700 {
  --color: var(--token-primitives-pumpkin-700, #bd4705);
  color: var(--token-primitives-pumpkin-700, #bd4705);
}

.token-primitives-pumpkin-800 {
  --color: var(--token-primitives-pumpkin-800, #9f3c05);
  color: var(--token-primitives-pumpkin-800, #9f3c05);
}

.token-primitives-pumpkin-900 {
  --color: var(--token-primitives-pumpkin-900, #803004);
  color: var(--token-primitives-pumpkin-900, #803004);
}

.token-primitives-pumpkin-1000 {
  --color: var(--token-primitives-pumpkin-1000, #602403);
  color: var(--token-primitives-pumpkin-1000, #602403);
}

.token-primitives-pumpkin-1100 {
  --color: var(--token-primitives-pumpkin-1100, #401802);
  color: var(--token-primitives-pumpkin-1100, #401802);
}

.token-primitives-pumpkin-1200 {
  --color: var(--token-primitives-pumpkin-1200, #210c01);
  color: var(--token-primitives-pumpkin-1200, #210c01);
}

.token-primitives-orange-100 {
  --color: var(--token-primitives-orange-100, #fdf0ea);
  color: var(--token-primitives-orange-100, #fdf0ea);
}

.token-primitives-orange-200 {
  --color: var(--token-primitives-orange-200, #ffebde);
  color: var(--token-primitives-orange-200, #ffebde);
}

.token-primitives-orange-300 {
  --color: var(--token-primitives-orange-300, #ffd7be);
  color: var(--token-primitives-orange-300, #ffd7be);
}

.token-primitives-orange-400 {
  --color: var(--token-primitives-orange-400, #f9be9d);
  color: var(--token-primitives-orange-400, #f9be9d);
}

.token-primitives-orange-500 {
  --color: var(--token-primitives-orange-500, #f9aa84);
  color: var(--token-primitives-orange-500, #f9aa84);
}

.token-primitives-orange-600 {
  --color: var(--token-primitives-orange-600, #fa9768);
  color: var(--token-primitives-orange-600, #fa9768);
}

.token-primitives-orange-700 {
  --color: var(--token-primitives-orange-700, #ff853b);
  color: var(--token-primitives-orange-700, #ff853b);
}

.token-primitives-orange-800 {
  --color: var(--token-primitives-orange-800, #d9711d);
  color: var(--token-primitives-orange-800, #d9711d);
}

.token-primitives-orange-900 {
  --color: var(--token-primitives-orange-900, #c15700);
  color: var(--token-primitives-orange-900, #c15700);
}

.token-primitives-orange-1000 {
  --color: var(--token-primitives-orange-1000, #9f4904);
  color: var(--token-primitives-orange-1000, #9f4904);
}

.token-primitives-orange-1100 {
  --color: var(--token-primitives-orange-1100, #562f1b);
  color: var(--token-primitives-orange-1100, #562f1b);
}

.token-primitives-orange-1200 {
  --color: var(--token-primitives-orange-1200, #432110);
  color: var(--token-primitives-orange-1200, #432110);
}

.token-primitives-yellow-100 {
  --color: var(--token-primitives-yellow-100, #fff3d5);
  color: var(--token-primitives-yellow-100, #fff3d5);
}

.token-primitives-yellow-200 {
  --color: var(--token-primitives-yellow-200, #fff0c7);
  color: var(--token-primitives-yellow-200, #fff0c7);
}

.token-primitives-yellow-300 {
  --color: var(--token-primitives-yellow-300, #ffebb1);
  color: var(--token-primitives-yellow-300, #ffebb1);
}

.token-primitives-yellow-400 {
  --color: var(--token-primitives-yellow-400, #ffe07b);
  color: var(--token-primitives-yellow-400, #ffe07b);
}

.token-primitives-yellow-500 {
  --color: var(--token-primitives-yellow-500, #ffd600);
  color: var(--token-primitives-yellow-500, #ffd600);
}

.token-primitives-yellow-600 {
  --color: var(--token-primitives-yellow-600, #f9bd0a);
  color: var(--token-primitives-yellow-600, #f9bd0a);
}

.token-primitives-yellow-700 {
  --color: var(--token-primitives-yellow-700, #df9c00);
  color: var(--token-primitives-yellow-700, #df9c00);
}

.token-primitives-yellow-800 {
  --color: var(--token-primitives-yellow-800, #ba8200);
  color: var(--token-primitives-yellow-800, #ba8200);
}

.token-primitives-yellow-900 {
  --color: var(--token-primitives-yellow-900, #a57107);
  color: var(--token-primitives-yellow-900, #a57107);
}

.token-primitives-yellow-1000 {
  --color: var(--token-primitives-yellow-1000, #925f00);
  color: var(--token-primitives-yellow-1000, #925f00);
}

.token-primitives-yellow-1100 {
  --color: var(--token-primitives-yellow-1100, #533802);
  color: var(--token-primitives-yellow-1100, #533802);
}

.token-primitives-yellow-1200 {
  --color: var(--token-primitives-yellow-1200, #3b2905);
  color: var(--token-primitives-yellow-1200, #3b2905);
}

.token-primitives-lime-100 {
  --color: var(--token-primitives-lime-100, #f3fecd);
  color: var(--token-primitives-lime-100, #f3fecd);
}

.token-primitives-lime-200 {
  --color: var(--token-primitives-lime-200, #e9f7bb);
  color: var(--token-primitives-lime-200, #e9f7bb);
}

.token-primitives-lime-300 {
  --color: var(--token-primitives-lime-300, #deeeaa);
  color: var(--token-primitives-lime-300, #deeeaa);
}

.token-primitives-lime-400 {
  --color: var(--token-primitives-lime-400, #d6e79a);
  color: var(--token-primitives-lime-400, #d6e79a);
}

.token-primitives-lime-500 {
  --color: var(--token-primitives-lime-500, #c7d981);
  color: var(--token-primitives-lime-500, #c7d981);
}

.token-primitives-lime-600 {
  --color: var(--token-primitives-lime-600, #b1c564);
  color: var(--token-primitives-lime-600, #b1c564);
}

.token-primitives-lime-700 {
  --color: var(--token-primitives-lime-700, #9db229);
  color: var(--token-primitives-lime-700, #9db229);
}

.token-primitives-lime-800 {
  --color: var(--token-primitives-lime-800, #6d7d05);
  color: var(--token-primitives-lime-800, #6d7d05);
}

.token-primitives-lime-900 {
  --color: var(--token-primitives-lime-900, #606f00);
  color: var(--token-primitives-lime-900, #606f00);
}

.token-primitives-lime-1000 {
  --color: var(--token-primitives-lime-1000, #4f5b01);
  color: var(--token-primitives-lime-1000, #4f5b01);
}

.token-primitives-lime-1100 {
  --color: var(--token-primitives-lime-1100, #384013);
  color: var(--token-primitives-lime-1100, #384013);
}

.token-primitives-lime-1200 {
  --color: var(--token-primitives-lime-1200, #2a310b);
  color: var(--token-primitives-lime-1200, #2a310b);
}

.token-primitives-green-100 {
  --color: var(--token-primitives-green-100, #e9ffeb);
  color: var(--token-primitives-green-100, #e9ffeb);
}

.token-primitives-green-200 {
  --color: var(--token-primitives-green-200, #d1f7d4);
  color: var(--token-primitives-green-200, #d1f7d4);
}

.token-primitives-green-300 {
  --color: var(--token-primitives-green-300, #b3ebb7);
  color: var(--token-primitives-green-300, #b3ebb7);
}

.token-primitives-green-400 {
  --color: var(--token-primitives-green-400, #7fe089);
  color: var(--token-primitives-green-400, #7fe089);
}

.token-primitives-green-500 {
  --color: var(--token-primitives-green-500, #23d643);
  color: var(--token-primitives-green-500, #23d643);
}

.token-primitives-green-600 {
  --color: var(--token-primitives-green-600, #1fbd3b);
  color: var(--token-primitives-green-600, #1fbd3b);
}

.token-primitives-green-700 {
  --color: var(--token-primitives-green-700, #1ba433);
  color: var(--token-primitives-green-700, #1ba433);
}

.token-primitives-green-800 {
  --color: var(--token-primitives-green-800, #0c830c);
  color: var(--token-primitives-green-800, #0c830c);
}

.token-primitives-green-900 {
  --color: var(--token-primitives-green-900, #126f23);
  color: var(--token-primitives-green-900, #126f23);
}

.token-primitives-green-1000 {
  --color: var(--token-primitives-green-1000, #0e531a);
  color: var(--token-primitives-green-1000, #0e531a);
}

.token-primitives-green-1100 {
  --color: var(--token-primitives-green-1100, #093811);
  color: var(--token-primitives-green-1100, #093811);
}

.token-primitives-green-1200 {
  --color: var(--token-primitives-green-1200, #051d09);
  color: var(--token-primitives-green-1200, #051d09);
}

.token-primitives-teal-100 {
  --color: var(--token-primitives-teal-100, #d5f9f1);
  color: var(--token-primitives-teal-100, #d5f9f1);
}

.token-primitives-teal-200 {
  --color: var(--token-primitives-teal-200, #c7f1e8);
  color: var(--token-primitives-teal-200, #c7f1e8);
}

.token-primitives-teal-300 {
  --color: var(--token-primitives-teal-300, #b1e7dd);
  color: var(--token-primitives-teal-300, #b1e7dd);
}

.token-primitives-teal-400 {
  --color: var(--token-primitives-teal-400, #7bdbca);
  color: var(--token-primitives-teal-400, #7bdbca);
}

.token-primitives-teal-500 {
  --color: var(--token-primitives-teal-500, #00cfb7);
  color: var(--token-primitives-teal-500, #00cfb7);
}

.token-primitives-teal-600 {
  --color: var(--token-primitives-teal-600, #00b7a2);
  color: var(--token-primitives-teal-600, #00b7a2);
}

.token-primitives-teal-700 {
  --color: var(--token-primitives-teal-700, #009e8c);
  color: var(--token-primitives-teal-700, #009e8c);
}

.token-primitives-teal-800 {
  --color: var(--token-primitives-teal-800, #008576);
  color: var(--token-primitives-teal-800, #008576);
}

.token-primitives-teal-900 {
  --color: var(--token-primitives-teal-900, #006b5f);
  color: var(--token-primitives-teal-900, #006b5f);
}

.token-primitives-teal-1000 {
  --color: var(--token-primitives-teal-1000, #005147);
  color: var(--token-primitives-teal-1000, #005147);
}

.token-primitives-teal-1100 {
  --color: var(--token-primitives-teal-1100, #003630);
  color: var(--token-primitives-teal-1100, #003630);
}

.token-primitives-teal-1200 {
  --color: var(--token-primitives-teal-1200, #001c19);
  color: var(--token-primitives-teal-1200, #001c19);
}

.token-primitives-aqua-100 {
  --color: var(--token-primitives-aqua-100, #d9f5ff);
  color: var(--token-primitives-aqua-100, #d9f5ff);
}

.token-primitives-aqua-200 {
  --color: var(--token-primitives-aqua-200, #cbeffc);
  color: var(--token-primitives-aqua-200, #cbeffc);
}

.token-primitives-aqua-300 {
  --color: var(--token-primitives-aqua-300, #b3e9fc);
  color: var(--token-primitives-aqua-300, #b3e9fc);
}

.token-primitives-aqua-400 {
  --color: var(--token-primitives-aqua-400, #80defa);
  color: var(--token-primitives-aqua-400, #80defa);
}

.token-primitives-aqua-500 {
  --color: var(--token-primitives-aqua-500, #27d3f9);
  color: var(--token-primitives-aqua-500, #27d3f9);
}

.token-primitives-aqua-600 {
  --color: var(--token-primitives-aqua-600, #22bbdc);
  color: var(--token-primitives-aqua-600, #22bbdc);
}

.token-primitives-aqua-700 {
  --color: var(--token-primitives-aqua-700, #1ea2bf);
  color: var(--token-primitives-aqua-700, #1ea2bf);
}

.token-primitives-aqua-800 {
  --color: var(--token-primitives-aqua-800, #1893af);
  color: var(--token-primitives-aqua-800, #1893af);
}

.token-primitives-aqua-900 {
  --color: var(--token-primitives-aqua-900, #127f98);
  color: var(--token-primitives-aqua-900, #127f98);
}

.token-primitives-aqua-1000 {
  --color: var(--token-primitives-aqua-1000, #146172);
  color: var(--token-primitives-aqua-1000, #146172);
}

.token-primitives-aqua-1100 {
  --color: var(--token-primitives-aqua-1100, #0a3741);
  color: var(--token-primitives-aqua-1100, #0a3741);
}

.token-primitives-aqua-1200 {
  --color: var(--token-primitives-aqua-1200, #051c21);
  color: var(--token-primitives-aqua-1200, #051c21);
}

.token-primitives-blue-100 {
  --color: var(--token-primitives-blue-100, #f0f2ff);
  color: var(--token-primitives-blue-100, #f0f2ff);
}

.token-primitives-blue-200 {
  --color: var(--token-primitives-blue-200, #e4e8ff);
  color: var(--token-primitives-blue-200, #e4e8ff);
}

.token-primitives-blue-300 {
  --color: var(--token-primitives-blue-300, #d0d7fa);
  color: var(--token-primitives-blue-300, #d0d7fa);
}

.token-primitives-blue-400 {
  --color: var(--token-primitives-blue-400, #b5c0f7);
  color: var(--token-primitives-blue-400, #b5c0f7);
}

.token-primitives-blue-500 {
  --color: var(--token-primitives-blue-500, #94a5f4);
  color: var(--token-primitives-blue-500, #94a5f4);
}

.token-primitives-blue-600 {
  --color: var(--token-primitives-blue-600, #6986f2);
  color: var(--token-primitives-blue-600, #6986f2);
}

.token-primitives-blue-700 {
  --color: var(--token-primitives-blue-700, #105cef);
  color: var(--token-primitives-blue-700, #105cef);
}

.token-primitives-blue-800 {
  --color: var(--token-primitives-blue-800, #0f54da);
  color: var(--token-primitives-blue-800, #0f54da);
}

.token-primitives-blue-900 {
  --color: var(--token-primitives-blue-900, #0d4bc3);
  color: var(--token-primitives-blue-900, #0d4bc3);
}

.token-primitives-blue-1000 {
  --color: var(--token-primitives-blue-1000, #0b41a9);
  color: var(--token-primitives-blue-1000, #0b41a9);
}

.token-primitives-blue-1100 {
  --color: var(--token-primitives-blue-1100, #09358a);
  color: var(--token-primitives-blue-1100, #09358a);
}

.token-primitives-blue-1200 {
  --color: var(--token-primitives-blue-1200, #072561);
  color: var(--token-primitives-blue-1200, #072561);
}

.token-primitives-indigo-100 {
  --color: var(--token-primitives-indigo-100, #ebe8ff);
  color: var(--token-primitives-indigo-100, #ebe8ff);
}

.token-primitives-indigo-200 {
  --color: var(--token-primitives-indigo-200, #e6e2fe);
  color: var(--token-primitives-indigo-200, #e6e2fe);
}

.token-primitives-indigo-300 {
  --color: var(--token-primitives-indigo-300, #d3d1f2);
  color: var(--token-primitives-indigo-300, #d3d1f2);
}

.token-primitives-indigo-400 {
  --color: var(--token-primitives-indigo-400, #bab5eb);
  color: var(--token-primitives-indigo-400, #bab5eb);
}

.token-primitives-indigo-500 {
  --color: var(--token-primitives-indigo-500, #9d95e4);
  color: var(--token-primitives-indigo-500, #9d95e4);
}

.token-primitives-indigo-600 {
  --color: var(--token-primitives-indigo-600, #786bdd);
  color: var(--token-primitives-indigo-600, #786bdd);
}

.token-primitives-indigo-700 {
  --color: var(--token-primitives-indigo-700, #5832ed);
  color: var(--token-primitives-indigo-700, #5832ed);
}

.token-primitives-indigo-800 {
  --color: var(--token-primitives-indigo-800, #3b19c3);
  color: var(--token-primitives-indigo-800, #3b19c3);
}

.token-primitives-indigo-900 {
  --color: var(--token-primitives-indigo-900, #3516ae);
  color: var(--token-primitives-indigo-900, #3516ae);
}

.token-primitives-indigo-1000 {
  --color: var(--token-primitives-indigo-1000, #2e1397);
  color: var(--token-primitives-indigo-1000, #2e1397);
}

.token-primitives-indigo-1100 {
  --color: var(--token-primitives-indigo-1100, #26107b);
  color: var(--token-primitives-indigo-1100, #26107b);
}

.token-primitives-indigo-1200 {
  --color: var(--token-primitives-indigo-1200, #1a0b57);
  color: var(--token-primitives-indigo-1200, #1a0b57);
}

.token-primitives-violet-100 {
  --color: var(--token-primitives-violet-100, #ece6ff);
  color: var(--token-primitives-violet-100, #ece6ff);
}

.token-primitives-violet-200 {
  --color: var(--token-primitives-violet-200, #e5defc);
  color: var(--token-primitives-violet-200, #e5defc);
}

.token-primitives-violet-300 {
  --color: var(--token-primitives-violet-300, #dcd1fb);
  color: var(--token-primitives-violet-300, #dcd1fb);
}

.token-primitives-violet-400 {
  --color: var(--token-primitives-violet-400, #c9b6f9);
  color: var(--token-primitives-violet-400, #c9b6f9);
}

.token-primitives-violet-500 {
  --color: var(--token-primitives-violet-500, #b396f6);
  color: var(--token-primitives-violet-500, #b396f6);
}

.token-primitives-violet-600 {
  --color: var(--token-primitives-violet-600, #9a6cf4);
  color: var(--token-primitives-violet-600, #9a6cf4);
}

.token-primitives-violet-700 {
  --color: var(--token-primitives-violet-700, #7c20f2);
  color: var(--token-primitives-violet-700, #7c20f2);
}

.token-primitives-violet-800 {
  --color: var(--token-primitives-violet-800, #711ddd);
  color: var(--token-primitives-violet-800, #711ddd);
}

.token-primitives-violet-900 {
  --color: var(--token-primitives-violet-900, #651ac5);
  color: var(--token-primitives-violet-900, #651ac5);
}

.token-primitives-violet-1000 {
  --color: var(--token-primitives-violet-1000, #5817ab);
  color: var(--token-primitives-violet-1000, #5817ab);
}

.token-primitives-violet-1100 {
  --color: var(--token-primitives-violet-1100, #48128c);
  color: var(--token-primitives-violet-1100, #48128c);
}

.token-primitives-violet-1200 {
  --color: var(--token-primitives-violet-1200, #330d63);
  color: var(--token-primitives-violet-1200, #330d63);
}

.token-primitives-purple-100 {
  --color: var(--token-primitives-purple-100, #f5eafd);
  color: var(--token-primitives-purple-100, #f5eafd);
}

.token-primitives-purple-200 {
  --color: var(--token-primitives-purple-200, #f2e2ff);
  color: var(--token-primitives-purple-200, #f2e2ff);
}

.token-primitives-purple-300 {
  --color: var(--token-primitives-purple-300, #e9d3fa);
  color: var(--token-primitives-purple-300, #e9d3fa);
}

.token-primitives-purple-400 {
  --color: var(--token-primitives-purple-400, #deb9f8);
  color: var(--token-primitives-purple-400, #deb9f8);
}

.token-primitives-purple-500 {
  --color: var(--token-primitives-purple-500, #d29bf6);
  color: var(--token-primitives-purple-500, #d29bf6);
}

.token-primitives-purple-600 {
  --color: var(--token-primitives-purple-600, #c575f3);
  color: var(--token-primitives-purple-600, #c575f3);
}

.token-primitives-purple-700 {
  --color: var(--token-primitives-purple-700, #b73cf1);
  color: var(--token-primitives-purple-700, #b73cf1);
}

.token-primitives-purple-800 {
  --color: var(--token-primitives-purple-800, #a737dc);
  color: var(--token-primitives-purple-800, #a737dc);
}

.token-primitives-purple-900 {
  --color: var(--token-primitives-purple-900, #9531c5);
  color: var(--token-primitives-purple-900, #9531c5);
}

.token-primitives-purple-1000 {
  --color: var(--token-primitives-purple-1000, #812aaa);
  color: var(--token-primitives-purple-1000, #812aaa);
}

.token-primitives-purple-1100 {
  --color: var(--token-primitives-purple-1100, #6a238b);
  color: var(--token-primitives-purple-1100, #6a238b);
}

.token-primitives-purple-1200 {
  --color: var(--token-primitives-purple-1200, #4b1862);
  color: var(--token-primitives-purple-1200, #4b1862);
}

.token-primitives-magenta-100 {
  --color: var(--token-primitives-magenta-100, #ffecfb);
  color: var(--token-primitives-magenta-100, #ffecfb);
}

.token-primitives-magenta-200 {
  --color: var(--token-primitives-magenta-200, #ffe5fa);
  color: var(--token-primitives-magenta-200, #ffe5fa);
}

.token-primitives-magenta-300 {
  --color: var(--token-primitives-magenta-300, #f9d4f1);
  color: var(--token-primitives-magenta-300, #f9d4f1);
}

.token-primitives-magenta-400 {
  --color: var(--token-primitives-magenta-400, #f6bcea);
  color: var(--token-primitives-magenta-400, #f6bcea);
}

.token-primitives-magenta-500 {
  --color: var(--token-primitives-magenta-500, #f39fe3);
  color: var(--token-primitives-magenta-500, #f39fe3);
}

.token-primitives-magenta-600 {
  --color: var(--token-primitives-magenta-600, #f07cdb);
  color: var(--token-primitives-magenta-600, #f07cdb);
}

.token-primitives-magenta-700 {
  --color: var(--token-primitives-magenta-700, #ed4ad3);
  color: var(--token-primitives-magenta-700, #ed4ad3);
}

.token-primitives-magenta-800 {
  --color: var(--token-primitives-magenta-800, #d844c1);
  color: var(--token-primitives-magenta-800, #d844c1);
}

.token-primitives-magenta-900 {
  --color: var(--token-primitives-magenta-900, #c13cac);
  color: var(--token-primitives-magenta-900, #c13cac);
}

.token-primitives-magenta-1000 {
  --color: var(--token-primitives-magenta-1000, #a83495);
  color: var(--token-primitives-magenta-1000, #a83495);
}

.token-primitives-magenta-1100 {
  --color: var(--token-primitives-magenta-1100, #892b7a);
  color: var(--token-primitives-magenta-1100, #892b7a);
}

.token-primitives-magenta-1200 {
  --color: var(--token-primitives-magenta-1200, #611e56);
  color: var(--token-primitives-magenta-1200, #611e56);
}

.token-primitives-pink-100 {
  --color: var(--token-primitives-pink-100, #ffedf4);
  color: var(--token-primitives-pink-100, #ffedf4);
}

.token-primitives-pink-200 {
  --color: var(--token-primitives-pink-200, #ffdae8);
  color: var(--token-primitives-pink-200, #ffdae8);
}

.token-primitives-pink-300 {
  --color: var(--token-primitives-pink-300, #fdccde);
  color: var(--token-primitives-pink-300, #fdccde);
}

.token-primitives-pink-400 {
  --color: var(--token-primitives-pink-400, #f7bcd2);
  color: var(--token-primitives-pink-400, #f7bcd2);
}

.token-primitives-pink-500 {
  --color: var(--token-primitives-pink-500, #f0a8c3);
  color: var(--token-primitives-pink-500, #f0a8c3);
}

.token-primitives-pink-600 {
  --color: var(--token-primitives-pink-600, #fa8dc9);
  color: var(--token-primitives-pink-600, #fa8dc9);
}

.token-primitives-pink-700 {
  --color: var(--token-primitives-pink-700, #f45fb1);
  color: var(--token-primitives-pink-700, #f45fb1);
}

.token-primitives-pink-800 {
  --color: var(--token-primitives-pink-800, #df1b87);
  color: var(--token-primitives-pink-800, #df1b87);
}

.token-primitives-pink-900 {
  --color: var(--token-primitives-pink-900, #cc0d7e);
  color: var(--token-primitives-pink-900, #cc0d7e);
}

.token-primitives-pink-1000 {
  --color: var(--token-primitives-pink-1000, #a70565);
  color: var(--token-primitives-pink-1000, #a70565);
}

.token-primitives-pink-1100 {
  --color: var(--token-primitives-pink-1100, #860853);
  color: var(--token-primitives-pink-1100, #860853);
}

.token-primitives-pink-1200 {
  --color: var(--token-primitives-pink-1200, #69083d);
  color: var(--token-primitives-pink-1200, #69083d);
}

.token-semantics-primary-100 {
  --color: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff));
  color: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff));
}

.token-semantics-primary-200 {
  --color: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff));
  color: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff));
}

.token-semantics-primary-300 {
  --color: var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa));
  color: var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa));
}

.token-semantics-primary-400 {
  --color: var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7));
  color: var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7));
}

.token-semantics-primary-500 {
  --color: var(--token-semantics-primary-500, var(--token-primitives-blue-500, #94a5f4));
  color: var(--token-semantics-primary-500, var(--token-primitives-blue-500, #94a5f4));
}

.token-semantics-primary-600 {
  --color: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6986f2));
  color: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6986f2));
}

.token-semantics-primary-700 {
  --color: var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef));
  color: var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef));
}

.token-semantics-primary-800 {
  --color: var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da));
  color: var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da));
}

.token-semantics-primary-900 {
  --color: var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3));
  color: var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3));
}

.token-semantics-primary-1000 {
  --color: var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9));
  color: var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9));
}

.token-semantics-primary-1100 {
  --color: var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a));
  color: var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a));
}

.token-semantics-primary-1200 {
  --color: var(--token-semantics-primary-1200, var(--token-primitives-blue-1200, #072561));
  color: var(--token-semantics-primary-1200, var(--token-primitives-blue-1200, #072561));
}

.token-semantics-primary-base {
  --color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
  color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
}

.token-semantics-info-100 {
  --color: var(--token-semantics-info-100, var(--token-primitives-blue-100, #f0f2ff));
  color: var(--token-semantics-info-100, var(--token-primitives-blue-100, #f0f2ff));
}

.token-semantics-info-200 {
  --color: var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff));
  color: var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff));
}

.token-semantics-info-300 {
  --color: var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa));
  color: var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa));
}

.token-semantics-info-400 {
  --color: var(--token-semantics-info-400, var(--token-primitives-blue-400, #b5c0f7));
  color: var(--token-semantics-info-400, var(--token-primitives-blue-400, #b5c0f7));
}

.token-semantics-info-500 {
  --color: var(--token-semantics-info-500, var(--token-primitives-blue-500, #94a5f4));
  color: var(--token-semantics-info-500, var(--token-primitives-blue-500, #94a5f4));
}

.token-semantics-info-600 {
  --color: var(--token-semantics-info-600, var(--token-primitives-blue-600, #6986f2));
  color: var(--token-semantics-info-600, var(--token-primitives-blue-600, #6986f2));
}

.token-semantics-info-700 {
  --color: var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef));
  color: var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef));
}

.token-semantics-info-800 {
  --color: var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da));
  color: var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da));
}

.token-semantics-info-900 {
  --color: var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3));
  color: var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3));
}

.token-semantics-info-1000 {
  --color: var(--token-semantics-info-1000, var(--token-primitives-blue-1000, #0b41a9));
  color: var(--token-semantics-info-1000, var(--token-primitives-blue-1000, #0b41a9));
}

.token-semantics-info-1100 {
  --color: var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a));
  color: var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a));
}

.token-semantics-info-1200 {
  --color: var(--token-semantics-info-1200, var(--token-primitives-blue-1200, #072561));
  color: var(--token-semantics-info-1200, var(--token-primitives-blue-1200, #072561));
}

.token-semantics-info-base {
  --color: var(--token-semantics-info-base, var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef)));
  color: var(--token-semantics-info-base, var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef)));
}

.token-semantics-success-100 {
  --color: var(--token-semantics-success-100, var(--token-primitives-green-100, #e9ffeb));
  color: var(--token-semantics-success-100, var(--token-primitives-green-100, #e9ffeb));
}

.token-semantics-success-200 {
  --color: var(--token-semantics-success-200, var(--token-primitives-green-200, #d1f7d4));
  color: var(--token-semantics-success-200, var(--token-primitives-green-200, #d1f7d4));
}

.token-semantics-success-300 {
  --color: var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7));
  color: var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7));
}

.token-semantics-success-400 {
  --color: var(--token-semantics-success-400, var(--token-primitives-green-400, #7fe089));
  color: var(--token-semantics-success-400, var(--token-primitives-green-400, #7fe089));
}

.token-semantics-success-500 {
  --color: var(--token-semantics-success-500, var(--token-primitives-green-500, #23d643));
  color: var(--token-semantics-success-500, var(--token-primitives-green-500, #23d643));
}

.token-semantics-success-600 {
  --color: var(--token-semantics-success-600, var(--token-primitives-green-600, #1fbd3b));
  color: var(--token-semantics-success-600, var(--token-primitives-green-600, #1fbd3b));
}

.token-semantics-success-700 {
  --color: var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433));
  color: var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433));
}

.token-semantics-success-800 {
  --color: var(--token-semantics-success-800, var(--token-primitives-green-800, #0c830c));
  color: var(--token-semantics-success-800, var(--token-primitives-green-800, #0c830c));
}

.token-semantics-success-900 {
  --color: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
  color: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
}

.token-semantics-success-1000 {
  --color: var(--token-semantics-success-1000, var(--token-primitives-green-1000, #0e531a));
  col