/* Hero Progress — rounded track + colored fill. */

.hero-progress {
  width: 100%;
  height: 8px;
  border-radius: 9999px;
  background-color: var(--color-base-300);
  overflow: hidden;
}

.hero-progress-bar {
  height: 100%;
  border-radius: 9999px;
  background-color: var(--color-primary);
}

.hero-progress-primary .hero-progress-bar { background-color: var(--color-primary); }
.hero-progress-secondary .hero-progress-bar { background-color: var(--color-secondary); }
.hero-progress-accent .hero-progress-bar { background-color: var(--color-accent); }
.hero-progress-info .hero-progress-bar { background-color: var(--color-info); }
.hero-progress-success .hero-progress-bar { background-color: var(--color-success); }
.hero-progress-warning .hero-progress-bar { background-color: var(--color-warning); }
.hero-progress-error .hero-progress-bar { background-color: var(--color-error); }