/* ==========================================================================
   SOFTWARE.CSS — skill bar list
   Markup pattern per row:

   <div class="skill">
     <span class="skill__label">Unity 6</span>
     <div class="skill__track" role="progressbar" aria-valuenow="95" ...>
       <div class="skill__fill" style="width: 95%;"></div>
     </div>
   </div>
   ========================================================================== */

.skill-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.skill__label {
  display: block;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--fs-label);
  margin-bottom: var(--space-2xs);
}

.skill__track {
  width: 100%;
  height: 14px;
  background: var(--color-track);
  border: 1px solid var(--color-border-soft);
}

.skill__fill {
  height: 100%;
  background: linear-gradient(to bottom, var(--color-accent-start), var(--color-accent-end));
}