@import "../../core/colors.scss";
@import "../../core/brand.scss";
:root {
  --tds-color-semantic-brand-200: var(--tds-core-color-brand-200);
  --tds-color-semantic-brand-300: var(--tds-core-color-brand-300);
  --tds-color-semantic-brand-400: var(--tds-core-color-brand-400);
  --tds-color-semantic-brand-500: var(--tds-core-color-brand-500);
  --tds-color-semantic-brand-600: var(--tds-core-color-brand-600);
  --tds-color-semantic-brand-700: var(--tds-core-color-brand-700);
  --tds-color-semantic-brand-800: var(--tds-core-color-brand-800);
  --tds-color-semantic-brand-900: var(--tds-core-color-brand-900);
  --tds-color-semantic-brand-1000: var(--tds-core-color-brand-1000);
  --tds-color-semantic-brand-1100: var(--tds-core-color-brand-1100);
  --tds-color-semantic-brand-1200: var(--tds-core-color-brand-1200);
  --tds-color-semantic-brand-1300: var(--tds-core-color-brand-1300);

  --tds-color-semantic-neutral-100: var(--tds-core-color-neutral-gray-100);
  --tds-color-semantic-neutral-200: var(--tds-core-color-neutral-gray-200);
  --tds-color-semantic-neutral-300: var(--tds-core-color-neutral-gray-300);
  --tds-color-semantic-neutral-400: var(--tds-core-color-neutral-gray-400);
  --tds-color-semantic-neutral-500: var(--tds-core-color-neutral-gray-500);
  --tds-color-semantic-neutral-600: var(--tds-core-color-neutral-gray-600);
  --tds-color-semantic-neutral-700: var(--tds-core-color-neutral-gray-700);
  --tds-color-semantic-neutral-800: var(--tds-core-color-neutral-gray-800);
  --tds-color-semantic-neutral-900: var(--tds-core-color-neutral-gray-900);
  --tds-color-semantic-neutral-1000: var(--tds-core-color-neutral-gray-1000);
  --tds-color-semantic-neutral-1100: var(--tds-core-color-neutral-gray-1100);
  --tds-color-semantic-neutral-1200: var(--tds-core-color-neutral-gray-1200);
  --tds-color-semantic-neutral-1300: var(--tds-core-color-neutral-gray-1300);
  --tds-color-semantic-neutral-a-100: var(--tds-core-color-neutral-gray-a-100);
  --tds-color-semantic-neutral-a-200: var(--tds-core-color-neutral-gray-a-200);
  --tds-color-semantic-neutral-a-300: var(--tds-core-color-neutral-gray-a-300);
  --tds-color-semantic-neutral-a-400: var(--tds-core-color-neutral-gray-a-400);
  --tds-color-semantic-neutral-a-500: var(--tds-core-color-neutral-gray-a-500);
  --tds-color-semantic-neutral-a-600: var(--tds-core-color-neutral-gray-a-600);
  --tds-color-semantic-neutral-a-700: var(--tds-core-color-neutral-gray-a-700);
  --tds-color-semantic-neutral-a-800: var(--tds-core-color-neutral-gray-a-800);
  --tds-color-semantic-neutral-a-900: var(--tds-core-color-neutral-gray-a-900);
  --tds-color-semantic-neutral-a-1000: var(
    --tds-core-color-neutral-gray-a-1000
  );
  --tds-color-semantic-neutral-a-1100: var(
    --tds-core-color-neutral-gray-a-1100
  );
  --tds-color-semantic-neutral-a-1200: var(
    --tds-core-color-neutral-gray-a-1200
  );
  --tds-color-semantic-neutral-a-1300: var(
    --tds-core-color-neutral-gray-a-1300
  );
  --tds-color-semantic-informative-100: var(--tds-core-color-blue-100);
  --tds-color-semantic-informative-200: var(--tds-core-color-blue-200);
  --tds-color-semantic-informative-300: var(--tds-core-color-blue-300);
  --tds-color-semantic-informative-400: var(--tds-core-color-blue-400);
  --tds-color-semantic-informative-500: var(--tds-core-color-blue-500);
  --tds-color-semantic-informative-600: var(--tds-core-color-blue-600);
  --tds-color-semantic-informative-700: var(--tds-core-color-blue-700);
  --tds-color-semantic-informative-800: var(--tds-core-color-blue-800);
  --tds-color-semantic-informative-900: var(--tds-core-color-blue-900);
  --tds-color-semantic-informative-1000: var(--tds-core-color-blue-1000);
  --tds-color-semantic-informative-1100: var(--tds-core-color-blue-1100);
  --tds-color-semantic-informative-1200: var(--tds-core-color-blue-1200);
  --tds-color-semantic-informative-1300: var(--tds-core-color-blue-1300);
  --tds-color-semantic-positive-100: var(--tds-core-color-green-100);
  --tds-color-semantic-positive-200: var(--tds-core-color-green-200);
  --tds-color-semantic-positive-300: var(--tds-core-color-green-300);
  --tds-color-semantic-positive-400: var(--tds-core-color-green-400);
  --tds-color-semantic-positive-500: var(--tds-core-color-green-500);
  --tds-color-semantic-positive-600: var(--tds-core-color-green-600);
  --tds-color-semantic-positive-700: var(--tds-core-color-green-700);
  --tds-color-semantic-positive-800: var(--tds-core-color-green-800);
  --tds-color-semantic-positive-900: var(--tds-core-color-green-900);
  --tds-color-semantic-positive-1000: var(--tds-core-color-green-1000);
  --tds-color-semantic-positive-1100: var(--tds-core-color-green-1100);
  --tds-color-semantic-positive-1200: var(--tds-core-color-green-1200);
  --tds-color-semantic-positive-1300: var(--tds-core-color-green-1300);
  --tds-color-semantic-warning-100: var(--tds-core-color-yellow-100);
  --tds-color-semantic-warning-200: var(--tds-core-color-yellow-200);
  --tds-color-semantic-warning-300: var(--tds-core-color-yellow-300);
  --tds-color-semantic-warning-400: var(--tds-core-color-yellow-400);
  --tds-color-semantic-warning-500: var(--tds-core-color-yellow-500);
  --tds-color-semantic-warning-600: var(--tds-core-color-yellow-600);
  --tds-color-semantic-warning-700: var(--tds-core-color-yellow-700);
  --tds-color-semantic-warning-800: var(--tds-core-color-yellow-800);
  --tds-color-semantic-warning-900: var(--tds-core-color-yellow-900);
  --tds-color-semantic-warning-1000: var(--tds-core-color-yellow-1000);
  --tds-color-semantic-warning-1100: var(--tds-core-color-yellow-1100);
  --tds-color-semantic-warning-1200: var(--tds-core-color-yellow-1200);
  --tds-color-semantic-warning-1300: var(--tds-core-color-yellow-1300);
  --tds-color-semantic-negative-100: var(--tds-core-color-red-100);
  --tds-color-semantic-negative-200: var(--tds-core-color-red-200);
  --tds-color-semantic-negative-300: var(--tds-core-color-red-300);
  --tds-color-semantic-negative-400: var(--tds-core-color-red-400);
  --tds-color-semantic-negative-500: var(--tds-core-color-red-500);
  --tds-color-semantic-negative-600: var(--tds-core-color-red-600);
  --tds-color-semantic-negative-700: var(--tds-core-color-red-700);
  --tds-color-semantic-negative-800: var(--tds-core-color-red-800);
  --tds-color-semantic-negative-900: var(--tds-core-color-red-900);
  --tds-color-semantic-negative-1000: var(--tds-core-color-red-1000);
  --tds-color-semantic-negative-1100: var(--tds-core-color-red-1100);
  --tds-color-semantic-negative-1200: var(--tds-core-color-red-1200);
  --tds-color-semantic-negative-1300: var(--tds-core-color-red-1300);

  // Content: Conjunto de tokens de cores usados para tipografia ou ícones
  --tds-color-content-body-primary: var(--tds-core-color-white-a-100);
  --tds-color-content-body-secondary: var(--tds-core-color-white-a-300);
  --tds-color-content-body-tertiary: var(--tds-core-color-white-a-500);
  --tds-color-content-body-disabled: var(--tds-core-color-white-a-700);
  --tds-color-content-body-inv-primary: var(--tds-color-semantic-neutral-100);
  --tds-color-content-body-inv-secondary: var(--tds-color-semantic-neutral-300);
  --tds-color-content-body-inv-tertiary: var(--tds-color-semantic-neutral-500);
  --tds-color-content-body-inv-disabled: var(--tds-color-semantic-neutral-700);
  --tds-color-content-informative-primary: var(
    --tds-color-semantic-informative-1000
  );
  --tds-color-content-informative-secondary: var(
    --tds-color-semantic-informative-700
  );
  --tds-color-content-informative-tertiary: var(
    --tds-color-semantic-informative-500
  );
  --tds-color-content-positive-primary: var(--tds-color-semantic-positive-1000);
  --tds-color-content-positive-secondary: var(
    --tds-color-semantic-positive-700
  );
  --tds-color-content-positive-tertiary: var(--tds-color-semantic-positive-500);
  --tds-color-content-warning-primary: var(--tds-color-semantic-warning-1000);
  --tds-color-content-warning-secondary: var(--tds-color-semantic-warning-700);
  --tds-color-content-warning-tertiary: var(--tds-color-semantic-warning-500);
  --tds-color-content-negative-primary: var(--tds-color-semantic-negative-1000);
  --tds-color-content-negative-secondary: var(
    --tds-color-semantic-negative-700
  );
  --tds-color-content-negative-tertiary: var(--tds-color-semantic-negative-500);
  --tds-color-content-brand-primary: var(--tds-color-semantic-brand-1000);
  --tds-color-content-brand-secondary: var(--tds-color-semantic-brand-700);
  --tds-color-content-brand-tertiary: var(--tds-color-semantic-brand-500);

  // Border: Conjunto de tokens de cores usados para bordas de componentes não interativos (ex.: structure, overlays ou indicators)
  --tds-color-border-base-default: var(--tds-color-semantic-neutral-300);
  --tds-color-border-base-default-a: var(--tds-color-semantic-neutral-a-300);
  --tds-color-border-base-inverted: var(--tds-core-color-white-a-100);
  --tds-color-border-base-inverted-a: var(--tds-core-color-white-a-600);
  --tds-color-border-neutral-strong: var(--tds-color-semantic-neutral-500);
  --tds-color-border-neutral-soft: var(--tds-color-semantic-neutral-800);
  --tds-color-border-informative-strong: var(
    --tds-color-semantic-informative-500
  );
  --tds-color-border-informative-soft: var(
    --tds-color-semantic-informative-800
  );
  --tds-color-border-positive-strong: var(--tds-color-semantic-positive-500);
  --tds-color-border-positive-soft: var(--tds-color-semantic-positive-800);
  --tds-color-border-warning-strong: var(--tds-color-semantic-warning-500);
  --tds-color-border-warning-soft: var(--tds-color-semantic-warning-800);
  --tds-color-border-negative-strong: var(--tds-color-semantic-negative-500);
  --tds-color-border-negative-soft: var(--tds-color-semantic-negative-800);
  --tds-color-border-brand-strong: var(--tds-color-semantic-brand-500);
  --tds-color-border-brand-soft: var(--tds-color-semantic-brand-800);

  // Background: Conjunto de tokens de cores usados backgrounds não interativo, como as camadas da tela ou fundo do menu lateral.
  --tds-color-background-base-default: var(--tds-color-semantic-neutral-100);
  --tds-color-background-base-default-a: var(
    --tds-color-semantic-neutral-a-700
  );
  --tds-color-background-base-inverted: var(--tds-core-color-white-a-100);
  --tds-color-background-base-inverted-a: var(--tds-core-color-white-a-700);
  --tds-color-background-neutral-strong: var(--tds-color-semantic-neutral-200);
  --tds-color-background-neutral-muted: var(--tds-color-semantic-neutral-300);
  --tds-color-background-neutral-on-soft: var(--tds-color-semantic-neutral-400);
  --tds-color-background-neutral-soft: var(--tds-color-semantic-neutral-500);
  --tds-color-background-neutral-surface: var(--tds-color-semantic-neutral-600);
  --tds-color-background-informative-strong: var(
    --tds-color-semantic-informative-200
  );
  --tds-color-background-informative-muted: var(
    --tds-color-semantic-informative-300
  );
  --tds-color-background-informative-on-soft: var(
    --tds-color-semantic-informative-400
  );
  --tds-color-background-informative-soft: var(
    --tds-color-semantic-informative-500
  );
  --tds-color-background-informative-surface: var(
    --tds-color-semantic-informative-600
  );
  --tds-color-background-positive-strong: var(
    --tds-color-semantic-positive-200
  );
  --tds-color-background-positive-muted: var(--tds-color-semantic-positive-300);
  --tds-color-background-positive-on-soft: var(
    --tds-color-semantic-positive-400
  );
  --tds-color-background-positive-soft: var(--tds-color-semantic-positive-500);
  --tds-color-background-positive-surface: var(
    --tds-color-semantic-positive-600
  );
  --tds-color-background-warning-strong: var(--tds-color-semantic-warning-200);
  --tds-color-background-warning-muted: var(--tds-color-semantic-warning-300);
  --tds-color-background-warning-on-soft: var(--tds-color-semantic-warning-400);
  --tds-color-background-warning-soft: var(--tds-color-semantic-warning-500);
  --tds-color-background-warning-surface: var(--tds-color-semantic-warning-600);
  --tds-color-background-negative-strong: var(
    --tds-color-semantic-negative-200
  );
  --tds-color-background-negative-muted: var(--tds-color-semantic-negative-300);
  --tds-color-background-negative-on-soft: var(
    --tds-color-semantic-negative-400
  );
  --tds-color-background-negative-soft: var(--tds-color-semantic-negative-500);
  --tds-color-background-negative-surface: var(
    --tds-color-semantic-negative-600
  );
  --tds-color-background-brand-strong: var(--tds-color-semantic-brand-200);
  --tds-color-background-brand-muted: var(--tds-color-semantic-brand-300);
  --tds-color-background-brand-on-soft: var(--tds-color-semantic-brand-400);
  --tds-color-background-brand-soft: var(--tds-color-semantic-brand-500);
  --tds-color-background-brand-surface: var(--tds-color-semantic-brand-600);

  // Action: Conjunto de tokens de cores usados para componentes e elementos de ação (por exemplo, botões, links).
  --tds-color-action-primary-normal: var(--tds-color-semantic-brand-500);
  --tds-color-action-primary-hover: var(--tds-color-semantic-brand-400);
  --tds-color-action-primary-active: var(--tds-color-semantic-brand-300);
  --tds-color-action-primary-selected: var(--tds-color-semantic-brand-400);
  --tds-color-action-primary-soft-normal: var(--tds-color-semantic-brand-900);
  --tds-color-action-primary-soft-hover: var(--tds-color-semantic-brand-800);
  --tds-color-action-primary-soft-active: var(--tds-color-semantic-brand-700);
  --tds-color-action-primary-soft-selected: var(--tds-color-semantic-brand-800);
  --tds-color-action-neutral-normal: var(--tds-color-semantic-neutral-500);
  --tds-color-action-neutral-hover: var(--tds-color-semantic-neutral-400);
  --tds-color-action-neutral-active: var(--tds-color-semantic-neutral-300);
  --tds-color-action-neutral-selected: var(--tds-color-semantic-neutral-400);
  --tds-color-action-neutral-soft-normal: var(--tds-color-semantic-neutral-900);
  --tds-color-action-neutral-soft-hover: var(--tds-color-semantic-neutral-800);
  --tds-color-action-neutral-soft-active: var(--tds-color-semantic-neutral-700);
  --tds-color-action-neutral-soft-selected: var(
    --tds-color-semantic-neutral-800
  );
  --tds-color-action-success-normal: var(--tds-color-semantic-positive-500);
  --tds-color-action-success-hover: var(--tds-color-semantic-positive-400);
  --tds-color-action-success-active: var(--tds-color-semantic-positive-300);
  --tds-color-action-success-selected: var(--tds-color-semantic-positive-400);
  --tds-color-action-success-soft-normal: var(
    --tds-color-semantic-positive-900
  );
  --tds-color-action-success-soft-hover: var(--tds-color-semantic-positive-800);
  --tds-color-action-success-soft-active: var(
    --tds-color-semantic-positive-700
  );
  --tds-color-action-success-soft-selected: var(
    --tds-color-semantic-positive-800
  );
  --tds-color-action-destructive-normal: var(--tds-color-semantic-negative-500);
  --tds-color-action-destructive-hover: var(--tds-color-semantic-negative-400);
  --tds-color-action-destructive-active: var(--tds-color-semantic-negative-300);
  --tds-color-action-destructive-selected: var(
    --tds-color-semantic-negative-400
  );
  --tds-color-action-destructive-soft-normal: var(
    --tds-color-semantic-negative-900
  );
  --tds-color-action-destructive-soft-hover: var(
    --tds-color-semantic-negative-800
  );
  --tds-color-action-destructive-soft-active: var(
    --tds-color-semantic-negative-700
  );
  --tds-color-action-destructive-soft-selected: var(
    --tds-color-semantic-negative-800
  );
  --tds-color-action-ghost-normal: var(--tds-core-color-transparent);
  --tds-color-action-ghost-hover: var(--tds-core-color-white-a-1000);
  --tds-color-action-ghost-active: var(--tds-core-color-white-a-900);
  --tds-color-action-ghost-selected: var(--tds-core-color-white-a-1000);
  --tds-color-action-ghost-soft-normal: var(--tds-core-color-transparent);
  --tds-color-action-ghost-soft-hover: var(--tds-color-semantic-neutral-a-1000);
  --tds-color-action-ghost-soft-active: var(--tds-color-semantic-neutral-a-900);
  --tds-color-action-ghost-soft-selected: var(
    --tds-color-semantic-neutral-a-1000
  );
  --tds-color-action-outline-normal: var(--tds-color-semantic-neutral-800);
  --tds-color-action-outline-hover: var(--tds-color-semantic-neutral-700);
  --tds-color-action-outline-active: var(--tds-color-semantic-neutral-600);
  --tds-color-action-outline-seleted: var(--tds-color-semantic-neutral-700);
  --tds-color-action-inverted-normal: var(--tds-core-color-white-a-100);
  --tds-color-action-inverted-hover: var(--tds-core-color-white-a-200);
  --tds-color-action-inverted-active: var(--tds-core-color-white-a-300);
  --tds-color-action-inverted-seleted: var(--tds-core-color-white-a-200);

  //Interaction: Usados para componentes com interação (ex.: componentes das categorias forms, ou navigation). Eles são independentes dos Action Tokens.
  --tds-color-interaction-default-normal: var(--tds-color-semantic-brand-500);
  --tds-color-interaction-default-hover: var(--tds-color-semantic-brand-400);
  --tds-color-interaction-default-active: var(--tds-color-semantic-brand-300);
  --tds-color-interaction-default-selected: var(--tds-color-semantic-brand-400);
  --tds-color-interaction-default-soft-normal: var(
    --tds-color-semantic-brand-900
  );
  --tds-color-interaction-default-soft-hover: var(
    --tds-color-semantic-brand-800
  );
  --tds-color-interaction-default-soft-active: var(
    --tds-color-semantic-brand-700
  );
  --tds-color-interaction-default-soft-selected: var(
    --tds-color-semantic-brand-800
  );
  --tds-color-interaction-neutral-normal: var(--tds-color-semantic-neutral-500);
  --tds-color-interaction-neutral-hover: var(--tds-color-semantic-neutral-400);
  --tds-color-interaction-neutral-active: var(--tds-color-semantic-neutral-300);
  --tds-color-interaction-neutral-selected: var(
    --tds-color-semantic-neutral-400
  );
  --tds-color-interaction-neutral-soft-normal: var(
    --tds-color-semantic-neutral-900
  );
  --tds-color-interaction-neutral-soft-hover: var(
    --tds-color-semantic-neutral-800
  );
  --tds-color-interaction-neutral-soft-active: var(
    --tds-color-semantic-neutral-700
  );
  --tds-color-interaction-neutral-soft-selected: var(
    --tds-color-semantic-neutral-800
  );
  --tds-color-interaction-alert-normal: var(--tds-color-semantic-negative-500);
  --tds-color-interaction-alert-hover: var(--tds-color-semantic-negative-400);
  --tds-color-interaction-alert-active: var(--tds-color-semantic-negative-300);
  --tds-color-interaction-alert-selected: var(
    --tds-color-semantic-negative-400
  );
  --tds-color-interaction-alert-soft-normal: var(
    --tds-color-semantic-negative-900
  );
  --tds-color-interaction-alert-soft-hover: var(
    --tds-color-semantic-negative-800
  );
  --tds-color-interaction-alert-soft-active: var(
    --tds-color-semantic-negative-700
  );
  --tds-color-interaction-alert-soft-selected: var(
    --tds-color-semantic-negative-800
  );
  --tds-color-interaction-ghost-normal: var(--tds-core-color-transparent);
  --tds-color-interaction-ghost-hover: var(--tds-core-color-white-a-1000);
  --tds-color-interaction-ghost-active: var(--tds-core-color-white-a-900);
  --tds-color-interaction-ghost-selected: var(--tds-core-color-white-a-1000);
  --tds-color-interaction-ghost-soft-normal: var(--tds-core-color-transparent);
  --tds-color-interaction-ghost-soft-hover: var(
    --tds-color-semantic-neutral-a-1000
  );
  --tds-color-interaction-ghost-soft-active: var(
    --tds-color-semantic-neutral-a-900
  );
  --tds-color-interaction-ghost-soft-selected: var(
    --tds-color-semantic-neutral-a-1000
  );
  --tds-color-interaction-disabled-normal: var(
    --tds-color-semantic-neutral-a-900
  );
  --tds-color-interaction-disabled-hover: var(
    --tds-color-semantic-neutral-a-800
  );
  --tds-color-interaction-disabled-inv-active: var(
    --tds-color-semantic-neutral-a-700
  );
  --tds-color-interaction-disabled-inv-normal: var(
    --tds-color-semantic-neutral-a-600
  );
  --tds-color-interaction-disabled-inv-hover: var(
    --tds-color-semantic-neutral-a-500
  );
  --tds-color-interaction-disabled-active: var(
    --tds-color-semantic-neutral-a-400
  );
  --tds-color-interaction-border-normal: var(--tds-color-semantic-brand-700);
  --tds-color-interaction-border-hover: var(--tds-color-semantic-brand-600);
  --tds-color-interaction-border-active: var(--tds-color-semantic-brand-400);
  --tds-color-interaction-border-selected: var(--tds-color-semantic-brand-500);
  --tds-color-interaction-border-neutral-normal: var(
    --tds-color-semantic-neutral-800
  );
  --tds-color-interaction-border-neutral-hover: var(
    --tds-color-semantic-neutral-700
  );
  --tds-color-interaction-border-neutral-active: var(
    --tds-color-semantic-neutral-600
  );
  --tds-color-interaction-border-neutral-selected: var(
    --tds-color-semantic-neutral-700
  );
  --tds-color-interaction-border-alert: var(--tds-color-semantic-negative-600);
  --tds-color-interaction-background-modal: var(
    --tds-color-background-base-default
  );
  --tds-color-interaction-background-modeless: var(
    --tds-color-semantic-neutral-200
  );
  --tds-color-interaction-background-inv-modeless: var(
    --tds-color-background-base-inverted
  );
  --tds-color-interaction-background-side-menu: var(
    --tds-color-background-neutral-strong
  );
  --tds-color-interaction-background-inv-hover: var(
    --tds-color-background-base-default
  );
  --tds-color-interaction-background-inv-active: var(
    --tds-color-semantic-neutral-a-100
  );
  --tds-color-interaction-inverted-normal: var(--tds-core-color-white-a-100);
  --tds-color-interaction-inverted-hover: var(--tds-core-color-white-a-200);
  --tds-color-interaction-inverted-active: var(--tds-core-color-white-a-300);
  --tds-color-interaction-inverted-seleted: var(--tds-core-color-white-a-200);
  --tds-color-interaction-focus-default: var(--tds-color-semantic-brand-900);

  // Non-semantic: Usados para componentes com interação (ex.: componentes das categorias forms, ou navigation). Eles são independentes dos Action Tokens.
  --tds-color-non-semantic-grey-content-primary: var(
    --tds-core-color-neutral-gray-1000
  );
  --tds-color-non-semantic-grey-content-secondary: var(
    --tds-core-color-neutral-gray-700
  );
  --tds-color-non-semantic-grey-content-tertiary: var(
    --tds-core-color-neutral-gray-500
  );
  --tds-color-non-semantic-grey-border-default: var(
    --tds-core-color-neutral-gray-500
  );
  --tds-color-non-semantic-grey-border-strong: var(
    --tds-core-color-neutral-gray-700
  );
  --tds-color-non-semantic-grey-border-soft: var(
    --tds-core-color-neutral-gray-800
  );
  --tds-color-non-semantic-grey-background-strong: var(
    --tds-core-color-neutral-gray-200
  );
  --tds-color-non-semantic-grey-background-muted: var(
    --tds-core-color-neutral-gray-300
  );
  --tds-color-non-semantic-grey-background-on-soft: var(
    --tds-core-color-neutral-gray-400
  );
  --tds-color-non-semantic-grey-background-soft: var(
    --tds-core-color-neutral-gray-500
  );
  --tds-color-non-semantic-grey-background-surface: var(
    --tds-core-color-neutral-gray-600
  );
  --tds-color-non-semantic-white-content-primary: var(
    --tds-core-color-white-a-100
  );
  --tds-color-non-semantic-white-content-secondary: var(
    --tds-core-color-white-a-300
  );
  --tds-color-non-semantic-white-content-tertiary: var(
    --tds-core-color-white-a-500
  );
  --tds-color-non-semantic-white-border-default: var(
    --tds-core-color-white-a-500
  );
  --tds-color-non-semantic-white-border-strong: var(
    --tds-core-color-white-a-600
  );
  --tds-color-non-semantic-white-border-soft: var(--tds-core-color-white-a-800);
  --tds-color-non-semantic-white-background-strong: var(
    --tds-core-color-white-a-200
  );
  --tds-color-non-semantic-white-background-muted: var(
    --tds-core-color-white-a-300
  );
  --tds-color-non-semantic-white-background-on-soft: var(
    --tds-core-color-white-a-400
  );
  --tds-color-non-semantic-white-background-soft: var(
    --tds-core-color-white-a-500
  );
  --tds-color-non-semantic-white-background-surface: var(
    --tds-core-color-white-a-600
  );
  --tds-color-non-semantic-orange-content-primary: var(
    --tds-core-color-orange-1000
  );
  --tds-color-non-semantic-orange-content-secondary: var(
    --tds-core-color-orange-700
  );
  --tds-color-non-semantic-orange-content-tertiary: var(
    --tds-core-color-orange-500
  );
  --tds-color-non-semantic-orange-border-default: var(
    --tds-core-color-orange-500
  );
  --tds-color-non-semantic-orange-border-strong: var(
    --tds-core-color-orange-700
  );
  --tds-color-non-semantic-orange-border-soft: var(--tds-core-color-orange-800);
  --tds-color-non-semantic-orange-background-strong: var(
    --tds-core-color-orange-200
  );
  --tds-color-non-semantic-orange-background-muted: var(
    --tds-core-color-orange-300
  );
  --tds-color-non-semantic-orange-background-on-soft: var(
    --tds-core-color-orange-400
  );
  --tds-color-non-semantic-orange-background-soft: var(
    --tds-core-color-orange-500
  );
  --tds-color-non-semantic-orange-background-surface: var(
    --tds-core-color-orange-600
  );
  --tds-color-non-semantic-red-content-primary: var(--tds-core-color-red-1000);
  --tds-color-non-semantic-red-content-secondary: var(--tds-core-color-red-700);
  --tds-color-non-semantic-red-content-tertiary: var(--tds-core-color-red-500);
  --tds-color-non-semantic-red-border-default: var(--tds-core-color-red-500);
  --tds-color-non-semantic-red-border-strong: var(--tds-core-color-red-700);
  --tds-color-non-semantic-red-border-soft: var(--tds-core-color-red-800);
  --tds-color-non-semantic-red-background-strong: var(--tds-core-color-red-200);
  --tds-color-non-semantic-red-background-muted: var(--tds-core-color-red-300);
  --tds-color-non-semantic-red-background-on-soft: var(
    --tds-core-color-red-400
  );
  --tds-color-non-semantic-red-background-soft: var(--tds-core-color-red-500);
  --tds-color-non-semantic-red-background-surface: var(
    --tds-core-color-red-600
  );
  --tds-color-non-semantic-magenta-content-primary: var(
    --tds-core-color-magenta-1000
  );
  --tds-color-non-semantic-magenta-content-secondary: var(
    --tds-core-color-magenta-700
  );
  --tds-color-non-semantic-magenta-content-tertiary: var(
    --tds-core-color-magenta-500
  );
  --tds-color-non-semantic-magenta-border-default: var(
    --tds-core-color-magenta-500
  );
  --tds-color-non-semantic-magenta-border-strong: var(
    --tds-core-color-magenta-700
  );
  --tds-color-non-semantic-magenta-border-soft: var(
    --tds-core-color-magenta-800
  );
  --tds-color-non-semantic-magenta-background-strong: var(
    --tds-core-color-magenta-200
  );
  --tds-color-non-semantic-magenta-background-muted: var(
    --tds-core-color-magenta-300
  );
  --tds-color-non-semantic-magenta-background-on-soft: var(
    --tds-core-color-magenta-400
  );
  --tds-color-non-semantic-magenta-background-soft: var(
    --tds-core-color-magenta-500
  );
  --tds-color-non-semantic-magenta-background-surface: var(
    --tds-core-color-magenta-600
  );
  --tds-color-non-semantic-purple-content-primary: var(
    --tds-core-color-purple-1000
  );
  --tds-color-non-semantic-purple-content-secondary: var(
    --tds-core-color-purple-700
  );
  --tds-color-non-semantic-purple-content-tertiary: var(
    --tds-core-color-purple-500
  );
  --tds-color-non-semantic-purple-border-default: var(
    --tds-core-color-purple-500
  );
  --tds-color-non-semantic-purple-border-strong: var(
    --tds-core-color-purple-700
  );
  --tds-color-non-semantic-purple-border-soft: var(--tds-core-color-purple-800);
  --tds-color-non-semantic-purple-background-strong: var(
    --tds-core-color-purple-200
  );
  --tds-color-non-semantic-purple-background-muted: var(
    --tds-core-color-purple-300
  );
  --tds-color-non-semantic-purple-background-on-soft: var(
    --tds-core-color-purple-400
  );
  --tds-color-non-semantic-purple-background-soft: var(
    --tds-core-color-purple-500
  );
  --tds-color-non-semantic-purple-background-surface: var(
    --tds-core-color-purple-600
  );
  --tds-color-non-semantic-grape-content-primary: var(
    --tds-core-color-grape-1000
  );
  --tds-color-non-semantic-grape-content-secondary: var(
    --tds-core-color-grape-700
  );
  --tds-color-non-semantic-grape-content-tertiary: var(
    --tds-core-color-grape-500
  );
  --tds-color-non-semantic-grape-border-default: var(
    --tds-core-color-grape-500
  );
  --tds-color-non-semantic-grape-border-strong: var(--tds-core-color-grape-700);
  --tds-color-non-semantic-grape-border-soft: var(--tds-core-color-grape-800);
  --tds-color-non-semantic-grape-background-strong: var(
    --tds-core-color-grape-200
  );
  --tds-color-non-semantic-grape-background-muted: var(
    --tds-core-color-grape-300
  );
  --tds-color-non-semantic-grape-background-on-soft: var(
    --tds-core-color-grape-400
  );
  --tds-color-non-semantic-grape-background-soft: var(
    --tds-core-color-grape-500
  );
  --tds-color-non-semantic-grape-background-surface: var(
    --tds-core-color-grape-600
  );
  --tds-color-non-semantic-violet-content-primary: var(
    --tds-core-color-violet-1000
  );
  --tds-color-non-semantic-violet-content-secondary: var(
    --tds-core-color-violet-700
  );
  --tds-color-non-semantic-violet-content-tertiary: var(
    --tds-core-color-violet-500
  );
  --tds-color-non-semantic-violet-border-default: var(
    --tds-core-color-violet-500
  );
  --tds-color-non-semantic-violet-border-strong: var(
    --tds-core-color-violet-700
  );
  --tds-color-non-semantic-violet-border-soft: var(--tds-core-color-violet-800);
  --tds-color-non-semantic-violet-background-strong: var(
    --tds-core-color-violet-200
  );
  --tds-color-non-semantic-violet-background-muted: var(
    --tds-core-color-violet-300
  );
  --tds-color-non-semantic-violet-background-on-soft: var(
    --tds-core-color-violet-400
  );
  --tds-color-non-semantic-violet-background-soft: var(
    --tds-core-color-violet-500
  );
  --tds-color-non-semantic-violet-background-surface: var(
    --tds-core-color-violet-600
  );
  --tds-color-non-semantic-blue-content-primary: var(
    --tds-core-color-blue-1000
  );
  --tds-color-non-semantic-blue-content-secondary: var(
    --tds-core-color-blue-700
  );
  --tds-color-non-semantic-blue-content-tertiary: var(
    --tds-core-color-blue-500
  );
  --tds-color-non-semantic-blue-border-default: var(--tds-core-color-blue-500);
  --tds-color-non-semantic-blue-border-strong: var(--tds-core-color-blue-700);
  --tds-color-non-semantic-blue-border-soft: var(--tds-core-color-blue-800);
  --tds-color-non-semantic-blue-background-strong: var(
    --tds-core-color-blue-200
  );
  --tds-color-non-semantic-blue-background-muted: var(
    --tds-core-color-blue-300
  );
  --tds-color-non-semantic-blue-background-on-soft: var(
    --tds-core-color-blue-400
  );
  --tds-color-non-semantic-blue-background-soft: var(--tds-core-color-blue-500);
  --tds-color-non-semantic-blue-background-surface: var(
    --tds-core-color-blue-600
  );
  --tds-color-non-semantic-cyan-content-primary: var(
    --tds-core-color-cyan-1000
  );
  --tds-color-non-semantic-cyan-content-secondary: var(
    --tds-core-color-cyan-700
  );
  --tds-color-non-semantic-cyan-content-tertiary: var(
    --tds-core-color-cyan-500
  );
  --tds-color-non-semantic-cyan-border-default: var(--tds-core-color-cyan-500);
  --tds-color-non-semantic-cyan-border-strong: var(--tds-core-color-cyan-700);
  --tds-color-non-semantic-cyan-border-soft: var(--tds-core-color-cyan-800);
  --tds-color-non-semantic-cyan-background-strong: var(
    --tds-core-color-cyan-200
  );
  --tds-color-non-semantic-cyan-background-muted: var(
    --tds-core-color-cyan-300
  );
  --tds-color-non-semantic-cyan-background-on-soft: var(
    --tds-core-color-cyan-400
  );
  --tds-color-non-semantic-cyan-background-soft: var(--tds-core-color-cyan-500);
  --tds-color-non-semantic-cyan-background-surface: var(
    --tds-core-color-cyan-600
  );
  --tds-color-non-semantic-teal-content-primary: var(
    --tds-core-color-teal-1000
  );
  --tds-color-non-semantic-teal-content-secondary: var(
    --tds-core-color-teal-700
  );
  --tds-color-non-semantic-teal-content-tertiary: var(
    --tds-core-color-teal-500
  );
  --tds-color-non-semantic-teal-border-default: var(--tds-core-color-teal-500);
  --tds-color-non-semantic-teal-border-strong: var(--tds-core-color-teal-700);
  --tds-color-non-semantic-teal-border-soft: var(--tds-core-color-teal-800);
  --tds-color-non-semantic-teal-background-strong: var(
    --tds-core-color-teal-200
  );
  --tds-color-non-semantic-teal-background-muted: var(
    --tds-core-color-teal-300
  );
  --tds-color-non-semantic-teal-background-on-soft: var(
    --tds-core-color-teal-400
  );
  --tds-color-non-semantic-teal-background-soft: var(--tds-core-color-teal-500);
  --tds-color-non-semantic-teal-background-surface: var(
    --tds-core-color-teal-600
  );
  --tds-color-non-semantic-aqua-content-primary: var(
    --tds-core-color-aqua-1000
  );
  --tds-color-non-semantic-aqua-content-secondary: var(
    --tds-core-color-aqua-700
  );
  --tds-color-non-semantic-aqua-content-tertiary: var(
    --tds-core-color-aqua-500
  );
  --tds-color-non-semantic-aqua-border-default: var(--tds-core-color-aqua-500);
  --tds-color-non-semantic-aqua-border-strong: var(--tds-core-color-aqua-700);
  --tds-color-non-semantic-aqua-border-soft: var(--tds-core-color-aqua-800);
  --tds-color-non-semantic-aqua-background-strong: var(
    --tds-core-color-aqua-200
  );
  --tds-color-non-semantic-aqua-background-muted: var(
    --tds-core-color-aqua-300
  );
  --tds-color-non-semantic-aqua-background-on-soft: var(
    --tds-core-color-aqua-400
  );
  --tds-color-non-semantic-aqua-background-soft: var(--tds-core-color-aqua-500);
  --tds-color-non-semantic-aqua-background-surface: var(
    --tds-core-color-aqua-600
  );
  --tds-color-non-semantic-green-content-primary: var(
    --tds-core-color-green-1000
  );
  --tds-color-non-semantic-green-content-secondary: var(
    --tds-core-color-green-700
  );
  --tds-color-non-semantic-green-content-tertiary: var(
    --tds-core-color-green-500
  );
  --tds-color-non-semantic-green-border-default: var(
    --tds-core-color-green-500
  );
  --tds-color-non-semantic-green-border-strong: var(--tds-core-color-green-700);
  --tds-color-non-semantic-green-border-soft: var(--tds-core-color-green-800);
  --tds-color-non-semantic-green-background-strong: var(
    --tds-core-color-green-200
  );
  --tds-color-non-semantic-green-background-muted: var(
    --tds-core-color-green-300
  );
  --tds-color-non-semantic-green-background-on-soft: var(
    --tds-core-color-green-400
  );
  --tds-color-non-semantic-green-background-soft: var(
    --tds-core-color-green-500
  );
  --tds-color-non-semantic-green-background-surface: var(
    --tds-core-color-green-600
  );
  --tds-color-non-semantic-emerald-content-primary: var(
    --tds-core-color-emerald-1000
  );
  --tds-color-non-semantic-emerald-content-secondary: var(
    --tds-core-color-emerald-700
  );
  --tds-color-non-semantic-emerald-content-tertiary: var(
    --tds-core-color-emerald-500
  );
  --tds-color-non-semantic-emerald-border-default: var(
    --tds-core-color-emerald-500
  );
  --tds-color-non-semantic-emerald-border-strong: var(
    --tds-core-color-emerald-700
  );
  --tds-color-non-semantic-emerald-border-soft: var(
    --tds-core-color-emerald-800
  );
  --tds-color-non-semantic-emerald-background-strong: var(
    --tds-core-color-emerald-200
  );
  --tds-color-non-semantic-emerald-background-muted: var(
    --tds-core-color-emerald-300
  );
  --tds-color-non-semantic-emerald-background-on-soft: var(
    --tds-core-color-emerald-400
  );
  --tds-color-non-semantic-emerald-background-soft: var(
    --tds-core-color-emerald-500
  );
  --tds-color-non-semantic-emerald-background-surface: var(
    --tds-core-color-emerald-600
  );
  --tds-color-non-semantic-yellow-content-primary: var(
    --tds-core-color-yellow-1000
  );
  --tds-color-non-semantic-yellow-content-secondary: var(
    --tds-core-color-yellow-700
  );
  --tds-color-non-semantic-yellow-content-tertiary: var(
    --tds-core-color-yellow-500
  );
  --tds-color-non-semantic-yellow-border-default: var(
    --tds-core-color-yellow-500
  );
  --tds-color-non-semantic-yellow-border-strong: var(
    --tds-core-color-yellow-700
  );
  --tds-color-non-semantic-yellow-border-soft: var(--tds-core-color-yellow-800);
  --tds-color-non-semantic-yellow-background-strong: var(
    --tds-core-color-yellow-200
  );
  --tds-color-non-semantic-yellow-background-muted: var(
    --tds-core-color-yellow-300
  );
  --tds-color-non-semantic-yellow-background-on-soft: var(
    --tds-core-color-yellow-400
  );
  --tds-color-non-semantic-yellow-background-soft: var(
    --tds-core-color-yellow-500
  );
  --tds-color-non-semantic-yellow-background-surface: var(
    --tds-core-color-yellow-600
  );
  --tds-color-non-semantic-brown-content-primary: var(
    --tds-core-color-brown-1000
  );
  --tds-color-non-semantic-brown-content-secondary: var(
    --tds-core-color-brown-700
  );
  --tds-color-non-semantic-brown-content-tertiary: var(
    --tds-core-color-brown-500
  );
  --tds-color-non-semantic-brown-border-default: var(
    --tds-core-color-brown-500
  );
  --tds-color-non-semantic-brown-border-strong: var(--tds-core-color-brown-700);
  --tds-color-non-semantic-brown-border-soft: var(--tds-core-color-brown-800);
  --tds-color-non-semantic-brown-background-strong: var(
    --tds-core-color-brown-200
  );
  --tds-color-non-semantic-brown-background-muted: var(
    --tds-core-color-brown-300
  );
  --tds-color-non-semantic-brown-background-on-soft: var(
    --tds-core-color-brown-400
  );
  --tds-color-non-semantic-brown-background-soft: var(
    --tds-core-color-brown-500
  );
  --tds-color-non-semantic-brown-background-surface: var(
    --tds-core-color-brown-600
  );

  // Focus DropShadow: Usado exclusivamente para o efeito de focus no Figma.
  --tds-border-focus-x: 0;
  --tds-border-focus-y: 0;
  --tds-border-focus-blur: 0;
  --tds-border-focus-spread: 3;
  --tds-border-focus-color: var(--tds-color-interaction-focus-default);
  --tds-border-focus-type: dropShadow;
}

/* @import '../../core/brand.scss');
@import '../../core/colors.scss');
@import '../../core/global.scss'); */

// Semantic: Conjunto de Color Tokens pensados com um contexto semântico para você usar como “pai” de outros tokens.
/* --tds-color-semantic-brand-100:var(--tds-core-color-brand-100);
--tds-color-semantic-brand-200:var(--tds-core-color-brand-200);
--tds-color-semantic-brand-300:var(--tds-core-color-brand-300);
--tds-color-semantic-brand-400:var(--tds-core-color-brand-400);
--tds-color-semantic-brand-500:var(--tds-core-color-brand-500);
--tds-color-semantic-brand-600:var(--tds-core-color-brand-600);
--tds-color-semantic-brand-700:var(--tds-core-color-brand-700);
--tds-color-semantic-brand-800:var(--tds-core-color-brand-800);
--tds-color-semantic-brand-900:var(--tds-core-color-brand-900);
--tds-color-semantic-brand-1000:var(--tds-core-color-brand-1000);
--tds-color-semantic-brand-1100:var(--tds-core-color-brand-1100);
--tds-color-semantic-brand-1200:var(--tds-core-color-brand-1200);
--tds-color-semantic-brand-1300:var(--tds-core-color-brand-1300);
--tds-color-semantic-neutral-100:var(--tds-core-color-neutral-gray-100);
--tds-color-semantic-neutral-200:var(--tds-core-color-neutral-gray-200);
--tds-color-semantic-neutral-300:var(--tds-core-color-neutral-gray-300);
--tds-color-semantic-neutral-400:var(--tds-core-color-neutral-gray-400);
--tds-color-semantic-neutral-500:var(--tds-core-color-neutral-gray-500);
--tds-color-semantic-neutral-600:var(--tds-core-color-neutral-gray-600);
--tds-color-semantic-neutral-700:var(--tds-core-color-neutral-gray-700);
--tds-color-semantic-neutral-800:var(--tds-core-color-neutral-gray-800);
--tds-color-semantic-neutral-900:var(--tds-core-color-neutral-gray-900);
--tds-color-semantic-neutral-1000:var(--tds-core-color-neutral-gray-1000);
--tds-color-semantic-neutral-1100:var(--tds-core-color-neutral-gray-1100);
--tds-color-semantic-neutral-1200:var(--tds-core-color-neutral-gray-1200);
--tds-color-semantic-neutral-1300:var(--tds-core-color-neutral-gray-1300);
--tds-color-semantic-neutral-a-100:var(--tds-core-color-neutral-gray-a-100);
--tds-color-semantic-neutral-a-200:var(--tds-core-color-neutral-gray-a-200);
--tds-color-semantic-neutral-a-300:var(--tds-core-color-neutral-gray-a-300);
--tds-color-semantic-neutral-a-400:var(--tds-core-color-neutral-gray-a-400);
--tds-color-semantic-neutral-a-500:var(--tds-core-color-neutral-gray-a-500);
--tds-color-semantic-neutral-a-600:var(--tds-core-color-neutral-gray-a-600);
--tds-color-semantic-neutral-a-700:var(--tds-core-color-neutral-gray-a-700);
--tds-color-semantic-neutral-a-800:var(--tds-core-color-neutral-gray-a-800);
--tds-color-semantic-neutral-a-900:var(--tds-core-color-neutral-gray-a-900);
--tds-color-semantic-neutral-a-1000:var(--tds-core-color-neutral-gray-a-1000);
--tds-color-semantic-neutral-a-1100:var(--tds-core-color-neutral-gray-a-1100);
--tds-color-semantic-neutral-a-1200:var(--tds-core-color-neutral-gray-a-1200);
--tds-color-semantic-neutral-a-1300:var(--tds-core-color-neutral-gray-a-1300);
--tds-color-semantic-informative-100:var(--tds-core-color-blue-100);
--tds-color-semantic-informative-200:var(--tds-core-color-blue-200);
--tds-color-semantic-informative-300:var(--tds-core-color-blue-300);
--tds-color-semantic-informative-400:var(--tds-core-color-blue-400);
--tds-color-semantic-informative-500:var(--tds-core-color-blue-500);
--tds-color-semantic-informative-600:var(--tds-core-color-blue-600);
--tds-color-semantic-informative-700:var(--tds-core-color-blue-700);
--tds-color-semantic-informative-800:var(--tds-core-color-blue-800);
--tds-color-semantic-informative-900:var(--tds-core-color-blue-900);
--tds-color-semantic-informative-1000:var(--tds-core-color-blue-1000);
--tds-color-semantic-informative-1100:var(--tds-core-color-blue-1100);
--tds-color-semantic-informative-1200:var(--tds-core-color-blue-1200);
--tds-color-semantic-informative-1300:var(--tds-core-color-blue-1300);
--tds-color-semantic-positive-100:var(--tds-core-color-green-100);
--tds-color-semantic-positive-200:var(--tds-core-color-green-200);
--tds-color-semantic-positive-300:var(--tds-core-color-green-300);
--tds-color-semantic-positive-400:var(--tds-core-color-green-400);
--tds-color-semantic-positive-500:var(--tds-core-color-green-500);
--tds-color-semantic-positive-600:var(--tds-core-color-green-600);
--tds-color-semantic-positive-700:var(--tds-core-color-green-700);
--tds-color-semantic-positive-800:var(--tds-core-color-green-800);
--tds-color-semantic-positive-900:var(--tds-core-color-green-900);
--tds-color-semantic-positive-1000:var(--tds-core-color-green-1000);
--tds-color-semantic-positive-1100:var(--tds-core-color-green-1100);
--tds-color-semantic-positive-1200:var(--tds-core-color-green-1200);
--tds-color-semantic-positive-1300:var(--tds-core-color-green-1300);
--tds-color-semantic-warning-100:var(--tds-core-color-yellow-100);
--tds-color-semantic-warning-200:var(--tds-core-color-yellow-200);
--tds-color-semantic-warning-300:var(--tds-core-color-yellow-300);
--tds-color-semantic-warning-400:var(--tds-core-color-yellow-400);
--tds-color-semantic-warning-500:var(--tds-core-color-yellow-500);
--tds-color-semantic-warning-600:var(--tds-core-color-yellow-600);
--tds-color-semantic-warning-700:var(--tds-core-color-yellow-700);
--tds-color-semantic-warning-800:var(--tds-core-color-yellow-800);
--tds-color-semantic-warning-900:var(--tds-core-color-yellow-900);
--tds-color-semantic-warning-1000:var(--tds-core-color-yellow-1000);
--tds-color-semantic-warning-1100:var(--tds-core-color-yellow-1100);
--tds-color-semantic-warning-1200:var(--tds-core-color-yellow-1200);
--tds-color-semantic-warning-1300:var(--tds-core-color-yellow-1300);
--tds-color-semantic-negative-100:var(--tds-core-color-red-100);
--tds-color-semantic-negative-200:var(--tds-core-color-red-200);
--tds-color-semantic-negative-300:var(--tds-core-color-red-300);
--tds-color-semantic-negative-400:var(--tds-core-color-red-400);
--tds-color-semantic-negative-500:var(--tds-core-color-red-500);
--tds-color-semantic-negative-600:var(--tds-core-color-red-600);
--tds-color-semantic-negative-700:var(--tds-core-color-red-700);
--tds-color-semantic-negative-800:var(--tds-core-color-red-800);
--tds-color-semantic-negative-900:var(--tds-core-color-red-900);
--tds-color-semantic-negative-1000:var(--tds-core-color-red-1000);
--tds-color-semantic-negative-1100:var(--tds-core-color-red-1100);
--tds-color-semantic-negative-1200:var(--tds-core-color-red-1200);
--tds-color-semantic-negative-1300:var(--tds-core-color-red-1300);

// Content: Conjunto de tokens de cores usados para tipografia ou ícones
--tds-color-content-body-primary:var(--tds-core-color-white-a-100);
--tds-color-content-body-secondary:var(--tds-core-color-white-a-300);
--tds-color-content-body-tertiary:var(--tds-core-color-white-a-500);
--tds-color-content-body-disabled:var(--tds-core-color-white-a-700);
--tds-color-content-body-inv-primary:var(--tds-color-semantic-neutral-100);
--tds-color-content-body-inv-secondary:var(--tds-color-semantic-neutral-300);
--tds-color-content-body-inv-tertiary:var(--tds-color-semantic-neutral-500);
--tds-color-content-body-inv-disabled:var(--tds-color-semantic-neutral-700);
--tds-color-content-informative-primary:var(--tds-color-semantic-informative-1000);
--tds-color-content-informative-secondary:var(--tds-color-semantic-informative-700);
--tds-color-content-informative-tertiary:var(--tds-color-semantic-informative-500);
--tds-color-content-positive-primary:var(--tds-color-semantic-positive-1000);
--tds-color-content-positive-secondary:var(--tds-color-semantic-positive-700);
--tds-color-content-positive-tertiary:var(--tds-color-semantic-positive-500);
--tds-color-content-warning-primary:var(--tds-color-semantic-warning-1000);
--tds-color-content-warning-secondary:var(--tds-color-semantic-warning-700);
--tds-color-content-warning-tertiary:var(--tds-color-semantic-warning-500);
--tds-color-content-negative-primary:var(--tds-color-semantic-negative-1000);
--tds-color-content-negative-secondary:var(--tds-color-semantic-negative-700);
--tds-color-content-negative-tertiary:var(--tds-color-semantic-negative-500);
--tds-color-content-brand-primary:var(--tds-color-semantic-brand-1000);
--tds-color-content-brand-secondary:var(--tds-color-semantic-brand-700);
--tds-color-content-brand-tertiary:var(--tds-color-semantic-brand-500);

// Border: Conjunto de tokens de cores usados para bordas de componentes não interativos (ex.: structure, overlays ou indicators)
--tds-color-border-base-default:var(--tds-color-semantic-neutral-300);
--tds-color-border-base-default-a:var(--tds-color-semantic-neutral-a-300);
--tds-color-border-base-inverted:var(--tds-core-color-white-a-100);
--tds-color-border-base-inverted-a:var(--tds-core-color-white-a-600);
--tds-color-border-neutral-strong:var(--tds-color-semantic-neutral-500);
--tds-color-border-neutral-soft:var(--tds-color-semantic-neutral-800);
--tds-color-border-informative-strong:var(--tds-color-semantic-informative-500);
--tds-color-border-informative-soft:var(--tds-color-semantic-informative-800);
--tds-color-border-positive-strong:var(--tds-color-semantic-positive-500);
--tds-color-border-positive-soft:var(--tds-color-semantic-positive-800);
--tds-color-border-warning-strong:var(--tds-color-semantic-warning-500);
--tds-color-border-warning-soft:var(--tds-color-semantic-warning-800);
--tds-color-border-negative-strong:var(--tds-color-semantic-negative-500);
--tds-color-border-negative-soft:var(--tds-color-semantic-negative-800);
--tds-color-border-brand-strong:var(--tds-color-semantic-brand-500);
--tds-color-border-brand-soft:var(--tds-color-semantic-brand-800);

// Background: Conjunto de tokens de cores usados backgrounds não interativo, como as camadas da tela ou fundo do menu lateral.
--tds-color-background-base-default:var(--tds-color-semantic-neutral-100);
--tds-color-background-base-default-a:var(--tds-color-semantic-neutral-a-700);
--tds-color-background-base-inverted:var(--tds-core-color-white-a-100);
--tds-color-background-base-inverted-a:var(--tds-core-color-white-a-700);
--tds-color-background-neutral-strong:var(--tds-color-semantic-neutral-200);
--tds-color-background-neutral-muted:var(--tds-color-semantic-neutral-300);
--tds-color-background-neutral-on-soft:var(--tds-color-semantic-neutral-400);
--tds-color-background-neutral-soft:var(--tds-color-semantic-neutral-500);
--tds-color-background-neutral-surface:var(--tds-color-semantic-neutral-600);
--tds-color-background-informative-strong:var(--tds-color-semantic-informative-200);
--tds-color-background-informative-muted:var(--tds-color-semantic-informative-300);
--tds-color-background-informative-on-soft:var(--tds-color-semantic-informative-400);
--tds-color-background-informative-soft:var(--tds-color-semantic-informative-500);
--tds-color-background-informative-surface:var(--tds-color-semantic-informative-600);
--tds-color-background-positive-strong:var(--tds-color-semantic-positive-200);
--tds-color-background-positive-muted:var(--tds-color-semantic-positive-300);
--tds-color-background-positive-on-soft:var(--tds-color-semantic-positive-400);
--tds-color-background-positive-soft:var(--tds-color-semantic-positive-500);
--tds-color-background-positive-surface:var(--tds-color-semantic-positive-600);
--tds-color-background-warning-strong:var(--tds-color-semantic-warning-200);
--tds-color-background-warning-muted:var(--tds-color-semantic-warning-300);
--tds-color-background-warning-on-soft:var(--tds-color-semantic-warning-400);
--tds-color-background-warning-soft:var(--tds-color-semantic-warning-500);
--tds-color-background-warning-surface:var(--tds-color-semantic-warning-600);
--tds-color-background-negative-strong:var(--tds-color-semantic-negative-200);
--tds-color-background-negative-muted:var(--tds-color-semantic-negative-300);
--tds-color-background-negative-on-soft:var(--tds-color-semantic-negative-400);
--tds-color-background-negative-soft:var(--tds-color-semantic-negative-500);
--tds-color-background-negative-surface:var(--tds-color-semantic-negative-600);
--tds-color-background-brand-strong:var(--tds-color-semantic-brand-200);
--tds-color-background-brand-muted:var(--tds-color-semantic-brand-300);
--tds-color-background-brand-on-soft:var(--tds-color-semantic-brand-400);
--tds-color-background-brand-soft:var(--tds-color-semantic-brand-500);
--tds-color-background-brand-surface:var(--tds-color-semantic-brand-600);

// Action: Conjunto de tokens de cores usados para componentes e elementos de ação (por exemplo, botões, links).
--tds-color-action-primary-normal:var(--tds-color-semantic-brand-500);
--tds-color-action-primary-hover:var(--tds-color-semantic-brand-400);
--tds-color-action-primary-active:var(--tds-color-semantic-brand-300);
--tds-color-action-primary-selected:var(--tds-color-semantic-brand-400);
--tds-color-action-primary-soft-normal:var(--tds-color-semantic-brand-900);
--tds-color-action-primary-soft-hover:var(--tds-color-semantic-brand-800);
--tds-color-action-primary-soft-active:var(--tds-color-semantic-brand-700);
--tds-color-action-primary-soft-selected:var(--tds-color-semantic-brand-800);
--tds-color-action-neutral-normal:var(--tds-color-semantic-neutral-500);
--tds-color-action-neutral-hover:var(--tds-color-semantic-neutral-400);
--tds-color-action-neutral-active:var(--tds-color-semantic-neutral-300);
--tds-color-action-neutral-selected:var(--tds-color-semantic-neutral-400);
--tds-color-action-neutral-soft-normal:var(--tds-color-semantic-neutral-900);
--tds-color-action-neutral-soft-hover:var(--tds-color-semantic-neutral-800);
--tds-color-action-neutral-soft-active:var(--tds-color-semantic-neutral-700);
--tds-color-action-neutral-soft-selected:var(--tds-color-semantic-neutral-800);
--tds-color-action-success-normal:var(--tds-color-semantic-positive-500);
--tds-color-action-success-hover:var(--tds-color-semantic-positive-400);
--tds-color-action-success-active:var(--tds-color-semantic-positive-300);
--tds-color-action-success-selected:var(--tds-color-semantic-positive-400);
--tds-color-action-success-soft-normal:var(--tds-color-semantic-positive-900);
--tds-color-action-success-soft-hover:var(--tds-color-semantic-positive-800);
--tds-color-action-success-soft-active:var(--tds-color-semantic-positive-700);
--tds-color-action-success-soft-selected:var(--tds-color-semantic-positive-800);
--tds-color-action-destructive-normal:var(--tds-color-semantic-negative-500);
--tds-color-action-destructive-hover:var(--tds-color-semantic-negative-400);
--tds-color-action-destructive-active:var(--tds-color-semantic-negative-300);
--tds-color-action-destructive-selected:var(--tds-color-semantic-negative-400);
--tds-color-action-destructive-soft-normal:var(--tds-color-semantic-negative-900);
--tds-color-action-destructive-soft-hover:var(--tds-color-semantic-negative-800);
--tds-color-action-destructive-soft-active:var(--tds-color-semantic-negative-700);
--tds-color-action-destructive-soft-selected:var(--tds-color-semantic-negative-800);
--tds-color-action-ghost-normal:var(--tds-core-color-transparent);
--tds-color-action-ghost-hover:var(--tds-core-color-white-a-1000);
--tds-color-action-ghost-active:var(--tds-core-color-white-a-900);
--tds-color-action-ghost-selected:var(--tds-core-color-white-a-1000);
--tds-color-action-ghost-soft-normal:var(--tds-core-color-transparent);
--tds-color-action-ghost-soft-hover:var(--tds-color-semantic-neutral-a-1000);
--tds-color-action-ghost-soft-active:var(--tds-color-semantic-neutral-a-900);
--tds-color-action-ghost-soft-selected:var(--tds-color-semantic-neutral-a-1000);
--tds-color-action-outline-normal:var(--tds-color-semantic-neutral-800);
--tds-color-action-outline-hover:var(--tds-color-semantic-neutral-700);
--tds-color-action-outline-active:var(--tds-color-semantic-neutral-600);
--tds-color-action-outline-seleted:var(--tds-color-semantic-neutral-700);
--tds-color-action-inverted-normal:var(--tds-core-color-white-a-100);
--tds-color-action-inverted-hover:var(--tds-core-color-white-a-200);
--tds-color-action-inverted-active:var(--tds-core-color-white-a-300);
--tds-color-action-inverted-seleted:var(--tds-core-color-white-a-200);

//Interaction: Usados para componentes com interação (ex.: componentes das categorias forms, ou navigation). Eles são independentes dos Action Tokens.
--tds-color-interaction-default-normal:var(--tds-color-semantic-brand-500);
--tds-color-interaction-default-hover:var(--tds-color-semantic-brand-400);
--tds-color-interaction-default-active:var(--tds-color-semantic-brand-300);
--tds-color-interaction-default-selected:var(--tds-color-semantic-brand-400);
--tds-color-interaction-default-soft-normal:var(--tds-color-semantic-brand-900);
--tds-color-interaction-default-soft-hover:var(--tds-color-semantic-brand-800);
--tds-color-interaction-default-soft-active:var(--tds-color-semantic-brand-700);
--tds-color-interaction-default-soft-selected:var(--tds-color-semantic-brand-800);
--tds-color-interaction-neutral-normal:var(--tds-color-semantic-neutral-500);
--tds-color-interaction-neutral-hover:var(--tds-color-semantic-neutral-400);
--tds-color-interaction-neutral-active:var(--tds-color-semantic-neutral-300);
--tds-color-interaction-neutral-selected:var(--tds-color-semantic-neutral-400);
--tds-color-interaction-neutral-soft-normal:var(--tds-color-semantic-neutral-900);
--tds-color-interaction-neutral-soft-hover:var(--tds-color-semantic-neutral-800);
--tds-color-interaction-neutral-soft-active:var(--tds-color-semantic-neutral-700);
--tds-color-interaction-neutral-soft-selected:var(--tds-color-semantic-neutral-800);
--tds-color-interaction-alert-normal:var(--tds-color-semantic-negative-500);
--tds-color-interaction-alert-hover:var(--tds-color-semantic-negative-400);
--tds-color-interaction-alert-active:var(--tds-color-semantic-negative-300);
--tds-color-interaction-alert-selected:var(--tds-color-semantic-negative-400);
--tds-color-interaction-alert-soft-normal:var(--tds-color-semantic-negative-900);
--tds-color-interaction-alert-soft-hover:var(--tds-color-semantic-negative-800);
--tds-color-interaction-alert-soft-active:var(--tds-color-semantic-negative-700);
--tds-color-interaction-alert-soft-selected:var(--tds-color-semantic-negative-800);
--tds-color-interaction-ghost-normal:var(--tds-core-color-transparent);
--tds-color-interaction-ghost-hover:var(--tds-core-color-white-a-1000);
--tds-color-interaction-ghost-active:var(--tds-core-color-white-a-900);
--tds-color-interaction-ghost-selected:var(--tds-core-color-white-a-1000);
--tds-color-interaction-ghost-soft-normal:var(--tds-core-color-transparent);
--tds-color-interaction-ghost-soft-hover:var(--tds-color-semantic-neutral-a-1000);
--tds-color-interaction-ghost-soft-active:var(--tds-color-semantic-neutral-a-900);
--tds-color-interaction-ghost-soft-selected:var(--tds-color-semantic-neutral-a-1000);
--tds-color-interaction-disabled-normal:var(--tds-color-semantic-neutral-a-900);
--tds-color-interaction-disabled-hover:var(--tds-color-semantic-neutral-a-800);
--tds-color-interaction-disabled-inv-active:var(--tds-color-semantic-neutral-a-700);
--tds-color-interaction-disabled-inv-normal:var(--tds-color-semantic-neutral-a-600);
--tds-color-interaction-disabled-inv-hover:var(--tds-color-semantic-neutral-a-500);
--tds-color-interaction-disabled-active:var(--tds-color-semantic-neutral-a-400);
--tds-color-interaction-border-normal:var(--tds-color-semantic-brand-700);
--tds-color-interaction-border-hover:var(--tds-color-semantic-brand-600);
--tds-color-interaction-border-active:var(--tds-color-semantic-brand-400);
--tds-color-interaction-border-selected:var(--tds-color-semantic-brand-500);
--tds-color-interaction-border-neutral-normal:var(--tds-color-semantic-neutral-800);
--tds-color-interaction-border-neutral-hover:var(--tds-color-semantic-neutral-700);
--tds-color-interaction-border-neutral-active:var(--tds-color-semantic-neutral-600);
--tds-color-interaction-border-neutral-selected:var(--tds-color-semantic-neutral-700);
--tds-color-interaction-border-alert:var(--tds-color-semantic-negative-600);
--tds-color-interaction-background-modal:var(--tds-color-background-base-default);
--tds-color-interaction-background-modeless:var(--tds-color-semantic-neutral-200);
--tds-color-interaction-background-inv-modeless:var(--tds-color-background-base-inverted);
--tds-color-interaction-background-side-menu:var(--tds-color-background-neutral-strong);
--tds-color-interaction-background-inv-hover:var(--tds-color-background-base-default);
--tds-color-interaction-background-inv-active:var(--tds-color-semantic-neutral-a-100);
--tds-color-interaction-inverted-normal:var(--tds-core-color-white-a-100);
--tds-color-interaction-inverted-hover:var(--tds-core-color-white-a-200);
--tds-color-interaction-inverted-active:var(--tds-core-color-white-a-300);
--tds-color-interaction-inverted-seleted:var(--tds-core-color-white-a-200);
--tds-color-interaction-focus-default:var(--tds-color-semantic-brand-900);

// Non-semantic: Usados para componentes com interação (ex.: componentes das categorias forms, ou navigation). Eles são independentes dos Action Tokens.
--tds-color-non-semantic-grey-content-primary:var(--tds-core-color-neutral-gray-1000);
--tds-color-non-semantic-grey-content-secondary:var(--tds-core-color-neutral-gray-700);
--tds-color-non-semantic-grey-content-tertiary:var(--tds-core-color-neutral-gray-500);
--tds-color-non-semantic-grey-border-default:var(--tds-core-color-neutral-gray-500);
--tds-color-non-semantic-grey-border-strong:var(--tds-core-color-neutral-gray-700);
--tds-color-non-semantic-grey-border-soft:var(--tds-core-color-neutral-gray-800);
--tds-color-non-semantic-grey-background-strong:var(--tds-core-color-neutral-gray-200);
--tds-color-non-semantic-grey-background-muted:var(--tds-core-color-neutral-gray-300);
--tds-color-non-semantic-grey-background-on-soft:var(--tds-core-color-neutral-gray-400);
--tds-color-non-semantic-grey-background-soft:var(--tds-core-color-neutral-gray-500);
--tds-color-non-semantic-grey-background-surface:var(--tds-core-color-neutral-gray-600);
--tds-color-non-semantic-white-content-primary:var(--tds-core-color-white-a-100);
--tds-color-non-semantic-white-content-secondary:var(--tds-core-color-white-a-300);
--tds-color-non-semantic-white-content-tertiary:var(--tds-core-color-white-a-500);
--tds-color-non-semantic-white-border-default:var(--tds-core-color-white-a-500);
--tds-color-non-semantic-white-border-strong:var(--tds-core-color-white-a-600);
--tds-color-non-semantic-white-border-soft:var(--tds-core-color-white-a-800);
--tds-color-non-semantic-white-background-strong:var(--tds-core-color-white-a-200);
--tds-color-non-semantic-white-background-muted:var(--tds-core-color-white-a-300);
--tds-color-non-semantic-white-background-on-soft:var(--tds-core-color-white-a-400);
--tds-color-non-semantic-white-background-soft:var(--tds-core-color-white-a-500);
--tds-color-non-semantic-white-background-surface:var(--tds-core-color-white-a-600);
--tds-color-non-semantic-orange-content-primary:var(--tds-core-color-orange-1000);
--tds-color-non-semantic-orange-content-secondary:var(--tds-core-color-orange-700);
--tds-color-non-semantic-orange-content-tertiary:var(--tds-core-color-orange-500);
--tds-color-non-semantic-orange-border-default:var(--tds-core-color-orange-500);
--tds-color-non-semantic-orange-border-strong:var(--tds-core-color-orange-700);
--tds-color-non-semantic-orange-border-soft:var(--tds-core-color-orange-800);
--tds-color-non-semantic-orange-background-strong:var(--tds-core-color-orange-200);
--tds-color-non-semantic-orange-background-muted:var(--tds-core-color-orange-300);
--tds-color-non-semantic-orange-background-on-soft:var(--tds-core-color-orange-400);
--tds-color-non-semantic-orange-background-soft:var(--tds-core-color-orange-500);
--tds-color-non-semantic-orange-background-surface:var(--tds-core-color-orange-600);
--tds-color-non-semantic-red-content-primary:var(--tds-core-color-red-1000);
--tds-color-non-semantic-red-content-secondary:var(--tds-core-color-red-700);
--tds-color-non-semantic-red-content-tertiary:var(--tds-core-color-red-500);
--tds-color-non-semantic-red-border-default:var(--tds-core-color-red-500);
--tds-color-non-semantic-red-border-strong:var(--tds-core-color-red-700);
--tds-color-non-semantic-red-border-soft:var(--tds-core-color-red-800);
--tds-color-non-semantic-red-background-strong:var(--tds-core-color-red-200);
--tds-color-non-semantic-red-background-muted:var(--tds-core-color-red-300);
--tds-color-non-semantic-red-background-on-soft:var(--tds-core-color-red-400);
--tds-color-non-semantic-red-background-soft:var(--tds-core-color-red-500);
--tds-color-non-semantic-red-background-surface:var(--tds-core-color-red-600);
--tds-color-non-semantic-magenta-content-primary:var(--tds-core-color-magenta-1000);
--tds-color-non-semantic-magenta-content-secondary:var(--tds-core-color-magenta-700);
--tds-color-non-semantic-magenta-content-tertiary:var(--tds-core-color-magenta-500);
--tds-color-non-semantic-magenta-border-default:var(--tds-core-color-magenta-500);
--tds-color-non-semantic-magenta-border-strong:var(--tds-core-color-magenta-700);
--tds-color-non-semantic-magenta-border-soft:var(--tds-core-color-magenta-800);
--tds-color-non-semantic-magenta-background-strong:var(--tds-core-color-magenta-200);
--tds-color-non-semantic-magenta-background-muted:var(--tds-core-color-magenta-300);
--tds-color-non-semantic-magenta-background-on-soft:var(--tds-core-color-magenta-400);
--tds-color-non-semantic-magenta-background-soft:var(--tds-core-color-magenta-500);
--tds-color-non-semantic-magenta-background-surface:var(--tds-core-color-magenta-600);
--tds-color-non-semantic-purple-content-primary:var(--tds-core-color-purple-1000);
--tds-color-non-semantic-purple-content-secondary:var(--tds-core-color-purple-700);
--tds-color-non-semantic-purple-content-tertiary:var(--tds-core-color-purple-500);
--tds-color-non-semantic-purple-border-default:var(--tds-core-color-purple-500);
--tds-color-non-semantic-purple-border-strong:var(--tds-core-color-purple-700);
--tds-color-non-semantic-purple-border-soft:var(--tds-core-color-purple-800);
--tds-color-non-semantic-purple-background-strong:var(--tds-core-color-purple-200);
--tds-color-non-semantic-purple-background-muted:var(--tds-core-color-purple-300);
--tds-color-non-semantic-purple-background-on-soft:var(--tds-core-color-purple-400);
--tds-color-non-semantic-purple-background-soft:var(--tds-core-color-purple-500);
--tds-color-non-semantic-purple-background-surface:var(--tds-core-color-purple-600);
--tds-color-non-semantic-grape-content-primary:var(--tds-core-color-grape-1000);
--tds-color-non-semantic-grape-content-secondary:var(--tds-core-color-grape-700);
--tds-color-non-semantic-grape-content-tertiary:var(--tds-core-color-grape-500);
--tds-color-non-semantic-grape-border-default:var(--tds-core-color-grape-500);
--tds-color-non-semantic-grape-border-strong:var(--tds-core-color-grape-700);
--tds-color-non-semantic-grape-border-soft:var(--tds-core-color-grape-800);
--tds-color-non-semantic-grape-background-strong:var(--tds-core-color-grape-200);
--tds-color-non-semantic-grape-background-muted:var(--tds-core-color-grape-300);
--tds-color-non-semantic-grape-background-on-soft:var(--tds-core-color-grape-400);
--tds-color-non-semantic-grape-background-soft:var(--tds-core-color-grape-500);
--tds-color-non-semantic-grape-background-surface:var(--tds-core-color-grape-600);
--tds-color-non-semantic-violet-content-primary:var(--tds-core-color-violet-1000);
--tds-color-non-semantic-violet-content-secondary:var(--tds-core-color-violet-700);
--tds-color-non-semantic-violet-content-tertiary:var(--tds-core-color-violet-500);
--tds-color-non-semantic-violet-border-default:var(--tds-core-color-violet-500);
--tds-color-non-semantic-violet-border-strong:var(--tds-core-color-violet-700);
--tds-color-non-semantic-violet-border-soft:var(--tds-core-color-violet-800);
--tds-color-non-semantic-violet-background-strong:var(--tds-core-color-violet-200);
--tds-color-non-semantic-violet-background-muted:var(--tds-core-color-violet-300);
--tds-color-non-semantic-violet-background-on-soft:var(--tds-core-color-violet-400);
--tds-color-non-semantic-violet-background-soft:var(--tds-core-color-violet-500);
--tds-color-non-semantic-violet-background-surface:var(--tds-core-color-violet-600);
--tds-color-non-semantic-blue-content-primary:var(--tds-core-color-blue-1000);
--tds-color-non-semantic-blue-content-secondary:var(--tds-core-color-blue-700);
--tds-color-non-semantic-blue-content-tertiary:var(--tds-core-color-blue-500);
--tds-color-non-semantic-blue-border-default:var(--tds-core-color-blue-500);
--tds-color-non-semantic-blue-border-strong:var(--tds-core-color-blue-700);
--tds-color-non-semantic-blue-border-soft:var(--tds-core-color-blue-800);
--tds-color-non-semantic-blue-background-strong:var(--tds-core-color-blue-200);
--tds-color-non-semantic-blue-background-muted:var(--tds-core-color-blue-300);
--tds-color-non-semantic-blue-background-on-soft:var(--tds-core-color-blue-400);
--tds-color-non-semantic-blue-background-soft:var(--tds-core-color-blue-500);
--tds-color-non-semantic-blue-background-surface:var(--tds-core-color-blue-600);
--tds-color-non-semantic-cyan-content-primary:var(--tds-core-color-cyan-1000);
--tds-color-non-semantic-cyan-content-secondary:var(--tds-core-color-cyan-700);
--tds-color-non-semantic-cyan-content-tertiary:var(--tds-core-color-cyan-500);
--tds-color-non-semantic-cyan-border-default:var(--tds-core-color-cyan-500);
--tds-color-non-semantic-cyan-border-strong:var(--tds-core-color-cyan-700);
--tds-color-non-semantic-cyan-border-soft:var(--tds-core-color-cyan-800);
--tds-color-non-semantic-cyan-background-strong:var(--tds-core-color-cyan-200);
--tds-color-non-semantic-cyan-background-muted:var(--tds-core-color-cyan-300);
--tds-color-non-semantic-cyan-background-on-soft:var(--tds-core-color-cyan-400);
--tds-color-non-semantic-cyan-background-soft:var(--tds-core-color-cyan-500);
--tds-color-non-semantic-cyan-background-surface:var(--tds-core-color-cyan-600);
--tds-color-non-semantic-teal-content-primary:var(--tds-core-color-teal-1000);
--tds-color-non-semantic-teal-content-secondary:var(--tds-core-color-teal-700);
--tds-color-non-semantic-teal-content-tertiary:var(--tds-core-color-teal-500);
--tds-color-non-semantic-teal-border-default:var(--tds-core-color-teal-500);
--tds-color-non-semantic-teal-border-strong:var(--tds-core-color-teal-700);
--tds-color-non-semantic-teal-border-soft:var(--tds-core-color-teal-800);
--tds-color-non-semantic-teal-background-strong:var(--tds-core-color-teal-200);
--tds-color-non-semantic-teal-background-muted:var(--tds-core-color-teal-300);
--tds-color-non-semantic-teal-background-on-soft:var(--tds-core-color-teal-400);
--tds-color-non-semantic-teal-background-soft:var(--tds-core-color-teal-500);
--tds-color-non-semantic-teal-background-surface:var(--tds-core-color-teal-600);
--tds-color-non-semantic-aqua-content-primary:var(--tds-core-color-aqua-1000);
--tds-color-non-semantic-aqua-content-secondary:var(--tds-core-color-aqua-700);
--tds-color-non-semantic-aqua-content-tertiary:var(--tds-core-color-aqua-500);
--tds-color-non-semantic-aqua-border-default:var(--tds-core-color-aqua-500);
--tds-color-non-semantic-aqua-border-strong:var(--tds-core-color-aqua-700);
--tds-color-non-semantic-aqua-border-soft:var(--tds-core-color-aqua-800);
--tds-color-non-semantic-aqua-background-strong:var(--tds-core-color-aqua-200);
--tds-color-non-semantic-aqua-background-muted:var(--tds-core-color-aqua-300);
--tds-color-non-semantic-aqua-background-on-soft:var(--tds-core-color-aqua-400);
--tds-color-non-semantic-aqua-background-soft:var(--tds-core-color-aqua-500);
--tds-color-non-semantic-aqua-background-surface:var(--tds-core-color-aqua-600);
--tds-color-non-semantic-green-content-primary:var(--tds-core-color-green-1000);
--tds-color-non-semantic-green-content-secondary:var(--tds-core-color-green-700);
--tds-color-non-semantic-green-content-tertiary:var(--tds-core-color-green-500);
--tds-color-non-semantic-green-border-default:var(--tds-core-color-green-500);
--tds-color-non-semantic-green-border-strong:var(--tds-core-color-green-700);
--tds-color-non-semantic-green-border-soft:var(--tds-core-color-green-800);
--tds-color-non-semantic-green-background-strong:var(--tds-core-color-green-200);
--tds-color-non-semantic-green-background-muted:var(--tds-core-color-green-300);
--tds-color-non-semantic-green-background-on-soft:var(--tds-core-color-green-400);
--tds-color-non-semantic-green-background-soft:var(--tds-core-color-green-500);
--tds-color-non-semantic-green-background-surface:var(--tds-core-color-green-600);
--tds-color-non-semantic-emerald-content-primary:var(--tds-core-color-emerald-1000);
--tds-color-non-semantic-emerald-content-secondary:var(--tds-core-color-emerald-700);
--tds-color-non-semantic-emerald-content-tertiary:var(--tds-core-color-emerald-500);
--tds-color-non-semantic-emerald-border-default:var(--tds-core-color-emerald-500);
--tds-color-non-semantic-emerald-border-strong:var(--tds-core-color-emerald-700);
--tds-color-non-semantic-emerald-border-soft:var(--tds-core-color-emerald-800);
--tds-color-non-semantic-emerald-background-strong:var(--tds-core-color-emerald-200);
--tds-color-non-semantic-emerald-background-muted:var(--tds-core-color-emerald-300);
--tds-color-non-semantic-emerald-background-on-soft:var(--tds-core-color-emerald-400);
--tds-color-non-semantic-emerald-background-soft:var(--tds-core-color-emerald-500);
--tds-color-non-semantic-emerald-background-surface:var(--tds-core-color-emerald-600);
--tds-color-non-semantic-yellow-content-primary:var(--tds-core-color-yellow-1000);
--tds-color-non-semantic-yellow-content-secondary:var(--tds-core-color-yellow-700);
--tds-color-non-semantic-yellow-content-tertiary:var(--tds-core-color-yellow-500);
--tds-color-non-semantic-yellow-border-default:var(--tds-core-color-yellow-500);
--tds-color-non-semantic-yellow-border-strong:var(--tds-core-color-yellow-700);
--tds-color-non-semantic-yellow-border-soft:var(--tds-core-color-yellow-800);
--tds-color-non-semantic-yellow-background-strong:var(--tds-core-color-yellow-200);
--tds-color-non-semantic-yellow-background-muted:var(--tds-core-color-yellow-300);
--tds-color-non-semantic-yellow-background-on-soft:var(--tds-core-color-yellow-400);
--tds-color-non-semantic-yellow-background-soft:var(--tds-core-color-yellow-500);
--tds-color-non-semantic-yellow-background-surface:var(--tds-core-color-yellow-600);
--tds-color-non-semantic-brown-content-primary:var(--tds-core-color-brown-1000);
--tds-color-non-semantic-brown-content-secondary:var(--tds-core-color-brown-700);
--tds-color-non-semantic-brown-content-tertiary:var(--tds-core-color-brown-500);
--tds-color-non-semantic-brown-border-default:var(--tds-core-color-brown-500);
--tds-color-non-semantic-brown-border-strong:var(--tds-core-color-brown-700);
--tds-color-non-semantic-brown-border-soft:var(--tds-core-color-brown-800);
--tds-color-non-semantic-brown-background-strong:var(--tds-core-color-brown-200);
--tds-color-non-semantic-brown-background-muted:var(--tds-core-color-brown-300);
--tds-color-non-semantic-brown-background-on-soft:var(--tds-core-color-brown-400);
--tds-color-non-semantic-brown-background-soft:var(--tds-core-color-brown-500);
--tds-color-non-semantic-brown-background-surface:var(--tds-core-color-brown-600);

// Focus DropShadow: Usado exclusivamente para o efeito de focus no Figma.
--tds-border-focus-x: 0);
--tds-border-focus-y: 0);
--tds-border-focus-blur: 0);
--tds-border-focus-spread: 3);
--tds-border-focus-color:var(--tds-color-interaction-focus-default);
--tds-border-focus-type: dropShadow); */