/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

@layer theme {
  .slds-progress {
    --slds-c-progress-sizing-inline-max: 70%;
    --slds-c-progress-surface-color-background: var(--slds-g-color-surface-container-1);

    --slds-c-progress-bar-margin-block-start: -0.0625rem;
    --slds-c-progress-connector-color-background: var(--slds-g-color-neutral-base-50);

    --slds-c-progress-marker-sizing: var(--slds-g-sizing-5);
    --slds-c-progress-marker-sizing-border: var(--slds-g-sizing-2);
    --slds-c-progress-marker-color-border: var(--slds-g-color-on-accent-1);
    --slds-c-progress-marker-radius-border: var(--slds-g-radius-border-circle);
    --slds-c-progress-marker-color-background: var(--slds-g-color-neutral-base-50);

    --slds-c-progress-marker-shadow-focus: var(--slds-g-shadow-outset-focus-1);

    --slds-c-progress-connector-sizing-inline: var(--slds-g-sizing-1);

    --slds-c-progress-marker-spacing-inline-end: var(--slds-g-spacing-4);

    --slds-c-progress-item-content-spacing-block-start: var(--slds-g-spacing-3);
    --slds-c-progress-item-content-spacing-block-end: var(--slds-g-spacing-3);

    --slds-c-progress-item-content-sizing-border: var(--slds-g-sizing-border-1);
    --slds-c-progress-item-content-color-border: var(--slds-g-color-border-1);

    --slds-c-progress-connector-opacity-success: 0.3;
  }

  .slds-progress__item.slds-is-completed .slds-progress__marker,
  .slds-progress__item.slds-is-active .slds-progress__marker {
    --slds-c-progress-marker-color-border: var(--slds-g-color-accent-container-1);
  }

  .slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    --slds-c-progress-marker-color-border: transparent;
    --slds-c-progress-marker-color-foreground: var(--slds-g-color-accent-container-1);
  }

  .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success {
    --slds-c-progress-marker-color-foreground: var(--slds-g-color-success-1);
  }

  .slds-progress__item.slds-is-active .slds-progress__marker {
    --slds-c-progress-marker-shadow: var(--slds-c-progress-surface-color-background) 0 0 0
      var(--slds-g-sizing-2);
  }

  .slds-progress__item.slds-is-active .slds-progress__marker:hover,
  .slds-progress__item.slds-is-active .slds-progress__marker:focus {
    --slds-c-progress-marker-color-border: var(--slds-g-color-border-accent-2);
  }

  .slds-progress__item.slds-has-error .slds-progress__marker,
  .slds-progress__item.slds-has-error .slds-progress__marker:hover,
  .slds-progress__item.slds-has-error .slds-progress__marker:focus {
    --slds-c-progress-marker-color-foreground: var(--slds-g-color-error-1);
    --slds-c-progress-marker-color-border: transparent;
    --slds-c-progress-marker-shadow: none;
  }

  .slds-progress__item.slds-is-completed::before,
  .slds-progress__item.slds-is-completed::after,
  .slds-progress__item.slds-is-active::before,
  .slds-progress__item.slds-has-error::before {
    --slds-c-progress-connector-color-background: var(--slds-g-color-accent-container-1);
  }

  .slds-progress_success {
    .slds-progress__item.slds-is-completed::before,
    .slds-progress__item.slds-is-completed::after,
    .slds-progress__item.slds-is-active::before,
    .slds-progress__item.slds-has-error::before {
      --slds-c-progress-connector-color-background: var(--slds-g-color-success-1);

      opacity: var(--slds-c-progress-connector-opacity-success);
    }
  }

  .slds-progress_shade {
    --slds-c-progress-surface-color-background: var(--slds-g-color-surface-container-2);
    --slds-c-progress-marker-color-border: var(--slds-c-progress-surface-color-background);
  }

  .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    --slds-c-progress-marker-color-border: var(--slds-c-progress-surface-color-background);
  }
}