/* ═══════════════════════════════════════════════════════════════════════════
   QUANTUM TRADER — Icon System
   Consistent MIT-licensed SVG icons in Lucide/Feather style.
   24×24 viewBox, ~1.5–2px stroke, currentColor inheritance.
   Use: <svg class="icon" aria-hidden="true"><use href="#icon-menu"/></svg>
   ═══════════════════════════════════════════════════════════════════════════ */

/* Icon base class — applies sizing and color to ALL icons */
.icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: color var(--duration-fast) var(--easing-out);
}

/* Sized variants */
.icon-xs { width: 0.875rem;  height: 0.875rem; }
.icon-sm { width: 1rem;      height: 1rem; }
.icon-lg { width: 1.5rem;    height: 1.5rem; }
.icon-xl { width: 2rem;      height: 2rem; }

/* Color variants — consume design tokens */
.icon-primary { color: var(--color-primary-500); }
.icon-success { color: var(--color-success); }
.icon-warning { color: var(--color-warning); }
.icon-error   { color: var(--color-error); }
.icon-muted   { color: var(--theme-text-secondary); }