@charset "UTF-8";
/* 第六步：SVG Sprite 图标样式（替代 Font Awesome 字体图标）
   配合 comm/icons-sprite.html 使用，HTML 调用方式：
   <svg class="icon icon-md icon-accent"><use href="#icon-lightbulb"/></svg> */

/* SVG <use> 引用 symbol 中的 path，需通过 currentColor 继承父元素文本颜色 */
svg.icon {
  fill: currentColor;
}

/* 兜底：若 style.css 未加载，仍保证图标基础尺寸（与 header 内联样式一致） */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
}

/* 尺寸修饰符（em 相对父级 font-size，与原 Font Awesome <i> 行为一致） */
.icon-xs  { width: 0.75em; height: 0.75em; }
.icon-sm  { width: 1em;     height: 1em; }
.icon-md  { width: 1.25em;  height: 1.25em; }
.icon-lg  { width: 1.5em;   height: 1.5em; }
.icon-xl  { width: 2em;     height: 2em; }
.icon-2xl { width: 2.5em;   height: 2.5em; }

/* 颜色修饰符（通过 currentColor 传递给 path fill） */
.icon-accent       { color: var(--color-accent, #E8913A); }
.icon-primary       { color: var(--color-primary, #1A2332); }
.icon-primary-light { color: var(--color-primary-light, #2D3A4F); }
.icon-white        { color: #fff; }
.icon-muted        { color: var(--color-text-muted, #6B7280); }
.icon-secondary    { color: var(--color-text-secondary, #4A5568); }
.icon-success       { color: var(--color-success, #28A745); }
.icon-danger        { color: var(--color-danger, #DC3545); }
.icon-warning       { color: var(--color-warning, #FFA500); }

/* 图标徽章（带背景的圆形图标容器） */
.icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md, 8px);
  background: var(--color-accent-soft, rgba(232,145,58,0.12));
  color: var(--color-accent, #E8913A);
  flex-shrink: 0;
}
.icon-badge--lg { width: 48px; height: 48px; }
.icon-badge--xl { width: 64px; height: 64px; }