/* SVG Sprite 图标样式定义 */

/* 基础图标类 */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle;
}

/* 图标颜色变体 */
.icon-primary {
  color: #0c3a8c;
}

.icon-secondary {
  color: #1e40af;
}

.icon-success {
  color: #10b981;
}

.icon-warning {
  color: #f59e0b;
}

.icon-danger {
  color: #ef4444;
}

.icon-info {
  color: #3b82f6;
}

/* 图标尺寸变体 */
.icon-xs {
  width: 0.75em;
  height: 0.75em;
}

.icon-sm {
  width: 0.875em;
  height: 0.875em;
}

.icon-lg {
  width: 1.25em;
  height: 1.25em;
}

.icon-xl {
  width: 1.5em;
  height: 1.5em;
}

.icon-2x {
  width: 2em;
  height: 2em;
}

.icon-3x {
  width: 3em;
  height: 3em;
}

.icon-4x {
  width: 4em;
  height: 4em;
}

.icon-5x {
  width: 5em;
  height: 5em;
}

/* 标题图标 */
.title-icon {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
}

/* 按钮中的图标 */
.btn .icon {
  margin-right: 0.5em;
}

/* 列表中的图标 */
.list-icon {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.75em;
  flex-shrink: 0;
}

/* 导航中的图标 */
.nav-icon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.75em;
}