/**
 * iNKPPL Design System — Progress Component
 */

.progress {
  height: 4px;
  background-color: var(--color-border);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}

.progress__fill {
  height: 100%;
  background: linear-gradient(90deg, var(--color-brand-accent), #F0D060);
  border-radius: var(--radius-full);
  transition: width var(--transition-normal);
  box-shadow: 0 0 8px rgba(232, 197, 71, 0.3);
}

.progress--lg {
  height: 8px;
}

.progress--muted .progress__fill {
  background: var(--color-text-muted);
  box-shadow: none;
}