/* AuraSolution Path Engine · CSS-Komplementärdatei */
[data-path-engine] {
  --aura-path-accent: #1F4FC9;
  --aura-hotspot-accent: #FF6410;
  --aura-path-duration: 520ms;
  --aura-path-ease: cubic-bezier(.22,.61,.36,1);
}

[data-theme="light"] [data-path-engine],
[data-path-engine][data-theme="light"] {
  --aura-path-accent: #1F4FC9;
  --aura-hotspot-accent: #FF6410;
}

[data-theme="dark"] [data-path-engine],
[data-path-engine][data-theme="dark"] {
  --aura-path-accent: #76A4FF;
  --aura-hotspot-accent: #FF9B5C;
}

[data-path-engine] [data-hotspot] {
  min-inline-size: 44px;
  min-block-size: 44px;
  touch-action: manipulation;
}

[data-path-engine] .path-segment--pending,
[data-path-engine] .path-segment--done {
  fill: none;
  stroke: var(--aura-path-accent);
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

[data-path-engine] .path-segment--pending {
  opacity: .22;
}

[data-path-engine] .path-segment--done {
  opacity: .85;
  stroke-dasharray: 1;
  transition: stroke-dashoffset var(--aura-path-duration) var(--aura-path-ease), opacity 180ms ease;
}

[data-path-engine].is-step-1 { --aura-path-step-index: 1; }
[data-path-engine].is-step-2 { --aura-path-step-index: 2; }
[data-path-engine].is-step-3 { --aura-path-step-index: 3; }
[data-path-engine].is-step-4 { --aura-path-step-index: 4; }
[data-path-engine].is-step-5 { --aura-path-step-index: 5; }
[data-path-engine].is-step-6 { --aura-path-step-index: 6; }
[data-path-engine].is-step-7 { --aura-path-step-index: 7; }
[data-path-engine].is-active-hotspot { --aura-path-has-active-hotspot: 1; }

@media (prefers-reduced-motion: reduce) {
  [data-path-engine] .path-segment--pending,
  [data-path-engine] .path-segment--done {
    transition: none !important;
    animation: none !important;
  }
}