/* ============================================================
   Navigator Hub — SYSTEM IKON (jedno źródło prawdy)
   Ikony liniowe, jedna siatka 24×24. Kolor i rozmiar STERUJE token,
   nie plik: --icon-color (domyślnie currentColor), --icon-sm/md/lg.
   Konsument: window.NH.icon('nazwa', {...}) → inline <svg class="nh-icon">.
   Docelowo używane i przez sidebar, i przez kartę pacjenta.
   ============================================================ */

.nh-icon {
  width:  var(--_isz, var(--icon-md));
  height: var(--_isz, var(--icon-md));
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--icon-color, currentColor);
  stroke-width: var(--icon-stroke, 1.5);
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Rozmiary przez tokeny (nie px w markupie) */
.nh-icon--sm { --_isz: var(--icon-sm); }
.nh-icon--md { --_isz: var(--icon-md); }
.nh-icon--lg { --_isz: var(--icon-lg); }

/* Ikony wypełniane (play/pause) — ta sama rodzina, ale fill zamiast stroke */
.nh-icon--solid {
  fill: var(--icon-color, currentColor);
  stroke: none;
}