/* Range sliders accent color */
input[type='range'] {
  accent-color: #f3a946;
}

/* Progress bars transition on width change */
.progress-bar {
  transition: width 0.55s ease-out;
}

/* Category card active styling */
.cat-card.active {
  border-color: #f3a946;
  background-color: #fef6eb;
  box-shadow: 0 0 0 2px rgb(243 169 70 / 0.3);
}

/* Topic button active styling */
.topic-btn.active {
  background-color: #041a3d;
  color: white;
  border-color: #041a3d;
  font-weight: 700;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}