/* ═══════════════════════════════════════════════════════════
 *  SGC Icons — Lucide SVG icon system
 *  Base class + sizes + glow variant
 * ═══════════════════════════════════════════════════════════ */

.sgc-ic{
  display:inline-block;
  vertical-align:-.15em;
  width:1em;
  height:1em;
  color:var(--accent);
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}

/* Sizes (override width/height) */
.sgc-ic-xs{width:12px;height:12px}
.sgc-ic-sm{width:14px;height:14px}
.sgc-ic-md{width:16px;height:16px}
.sgc-ic-lg{width:20px;height:20px}
.sgc-ic-xl{width:24px;height:24px}
.sgc-ic-2x{width:32px;height:32px}
.sgc-ic-3x{width:48px;height:48px}

/* Glow variant (inherits color from parent) */
.sgc-ic-glow{
  filter: drop-shadow(0 0 4px currentColor);
}

/* Colored variants (match design system) */
.sgc-ic-accent{color:var(--accent)}
.sgc-ic-gold{color:var(--gold)}
.sgc-ic-ok{color:var(--accent)}
.sgc-ic-warn{color:#ffc040}
.sgc-ic-err{color:#ff5555}
.sgc-ic-muted{color:var(--textsoft,#8892a0)}

/* Thinner stroke for dense UI */
.sgc-ic-thin{stroke-width:1.5}

/* Filled variant (some icons look better filled) */
.sgc-ic-fill{fill:currentColor;stroke:none}