/* ══════════════════════════════════════════════════════════════════════════════
   WDS Icon Utilities
   Include with: <link rel="stylesheet" href="../../shared/icons/icons.css">

   Usage:
     <svg class="icon"><use href="../../shared/icons/icons.svg#chevron-right"/></svg>
     <svg class="icon icon-sm"><use href="../../shared/icons/icons.svg#close"/></svg>
   ══════════════════════════════════════════════════════════════════════════════ */

.icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}

/* ── Size variants ── */
.icon-xs  { width: 12px; height: 12px; }
.icon-sm  { width: 16px; height: 16px; }
.icon-md  { width: 20px; height: 20px; }
.icon-lg  { width: 32px; height: 32px; }
.icon-xl  { width: 40px; height: 40px; }