/**
 * DHCW Single Record — Icon
 * Sizing/colour tokens for icons rendered via @dhcw/sr-icons.
 * See SINGLE-RECORD-DS-REFERENCE.md §13 Iconography for the full size/colour scale.
 */

.sr-icon {
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
}
.sr-icon svg {
  width: 100%;
  height: 100%;
}

/* Sizes come from the token layer. These used to be four hardcoded px values
   with the token name written beside them in a comment — the comment was the
   only link, and `sr.icon.size.*` was not emitted to any platform at all, so
   nothing could have consumed it. Both halves are fixed: the tokens build now
   includes semantic/iconography.json, and these rules read it. */
.sr-icon--xs { width: var(--sr-icon-size-xs); height: var(--sr-icon-size-xs); } /* inline within dense content */
.sr-icon--sm { width: var(--sr-icon-size-sm); height: var(--sr-icon-size-sm); } /* standard inline icons */
.sr-icon--md { width: var(--sr-icon-size-md); height: var(--sr-icon-size-md); } /* default — matches the 24px source grid 1:1 */
.sr-icon--lg { width: var(--sr-icon-size-lg); height: var(--sr-icon-size-lg); } /* prominent icons, empty states */

.sr-icon--inherit     { color: inherit; } /* icon sits inside a coloured ancestor (e.g. .sr-button) and must track its currentColor */
.sr-icon--default     { color: var(--sr-color-text-primary); }
.sr-icon--subtle      { color: var(--sr-color-text-secondary); }
.sr-icon--inverse     { color: var(--sr-color-text-inverse); }
.sr-icon--interactive { color: var(--sr-color-interactive-primary); }
.sr-icon--critical    { color: var(--sr-color-status-critical); }
.sr-icon--warning     { color: var(--sr-color-status-warning); }
.sr-icon--success     { color: var(--sr-color-status-success); }
.sr-icon--info        { color: var(--sr-color-status-info); }