/* ============================================
   SVG 圖示系統 (Lucide Icons 風格)
   ============================================ */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.icon.fill svg {
  fill: currentColor;
  stroke: none;
}

/* 圖示大小 */
.icon-xs { font-size: 12px; }
.icon-sm { font-size: 16px; }
.icon-md { font-size: 20px; }
.icon-lg { font-size: 24px; }
.icon-xl { font-size: 32px; }

/* 圖示顏色 */
.icon-primary { color: var(--color-text-primary); }
.icon-secondary { color: var(--color-text-secondary); }
.icon-accent { color: var(--color-accent); }
.icon-success { color: var(--color-success); }
.icon-warning { color: var(--color-warning); }
.icon-error { color: var(--color-error); }