/* The theme bundle loads after the core bundle, so the base-level override here
   also outranks the core's equal-specificity status rules. They are repeated
   below to keep the original cascade order. */
.loader {
  & &__dark-arc {
    stroke: var(--wds-loader-fill-loading, var(--wds-color-blue-0));
  }

  &--status-error &__dark-arc {
    stroke: var(--wds-loader-fill-error, var(--wds-color-fill-destructive-primary));
  }

  &--status-loading-with-errors &__dark-arc {
    stroke: var(
      --wds-loader-fill-loading-with-error,
      var(--wds-color-fill-destructive-primary)
    );
  }

  &--status-success &__dark-arc {
    stroke: var(--wds-loader-fill-success, var(--wds-color-fill-standard-primary));
  }

  &--size-tiny &__dark-arc path,
  &--size-tiny &__light-arc path {
    stroke-width: var(--wds-loader-stroke-width-tiny, 3px);
  }

  &--size-small &__dark-arc path,
  &--size-small &__light-arc path {
    stroke-width: var(--wds-loader-stroke-width-small, 2px);
  }

  &--size-medium &__dark-arc path,
  &--size-medium &__light-arc path {
    stroke-width: var(--wds-loader-stroke-width-medium, 2px);
  }

  &--size-large &__dark-arc path,
  &--size-large &__light-arc path {
    stroke-width: var(--wds-loader-stroke-width-large, 2px);
  }

  &--color-blue &__light-arc {
    stroke: var(--wds-loader-fill, var(--wds-color-fill-dark-secondary));
  }
}