:root {
  --color-primary: #37628B;
  --step-color-completed: #819C13;
  --color-primary-lighter: #6D859E;
  --fill-action-accent-default: #F14242;
  --fill-primary-dark: #1A2737;
  --stroke-brand-primary: #2F5275;
  --text-brand-primary: #2F5275;
  --text-brand-primary-hover: #6D859E;
  --color-text-brand-primary: #587490;
  --svg-fill-selected: #37628B;
  --fill-action-secondary-pressed: #CDDCEA;
}
.stepper-action-button {
  color: #fff;
}

.question-stepper-step-completed {
  background-color: var(--step-color-completed, #255aeb);
}

.cta-primary-button {
  background-color: #37628B;
}

.next-legacy-button span {
  color: #fff
}

@media (hover: hover) {
  .cta-primary-button:hover {
    background-color: var(--color-primary-lighter, #6D859E);
  }
}