:root,
.tds-mode-light {
  // Current
  --tds-stepper-background: var(--tds-grey-950);
  --tds-stepper-icon-background: var(--tds-grey-50);
  --tds-stepper-color: var(--tds-grey-50);

  // Warning
  --tds-stepper-icon-step-border-color-warning: var(--tds-red-400);

  // Success
  --tds-stepper-icon-step-border-color-success: var(--tds-green-400);
  --tds-stepper-icon-step-background-success: var(--tds-green-400);

  // Current
  --tds-stepper-icon-step-border-color-current: var(--tds-grey-950);

  // Upcoming
  --tds-stepper-label-text-color-upcoming: var(--tds-blue-950);
  --tds-stepper-label-border-color-upcoming: var(--tds-blue-750);

  // Divider
  --tds-stepper-divider-line: var(--tds-grey-700);
}

.tds-mode-dark {
  // Current
  --tds-stepper-background: var(--tds-grey-150);
  --tds-stepper-icon-background: var(--tds-grey-150);
  --tds-stepper-color: var(--tds-grey-950);

  // Warning
  --tds-stepper-icon-step-border-color-warning: var(--tds-red-300);

  // Success
  --tds-stepper-icon-step-border-color-success: var(--tds-green-300);
  --tds-stepper-icon-step-background-success: var(--tds-green-300);

  // Upcoming
  --tds-stepper-label-text-color-upcoming: var(--tds-grey-50);
  --tds-stepper-label-border-color-upcoming: var(--tds-grey-150);
  --tds-stepper-divider-line: var(--tds-grey-250);
}