/* =============================================================
   和肽生醫 HelixTide — Icon 使用工具類（階段 1：視覺系統）
   配合 assets/icons/sprite.svg。顏色繼承 currentColor。
   ============================================================= */
.icon {
  width: 1.5em; height: 1.5em;
  display: inline-block; vertical-align: middle;
  fill: none; stroke: currentColor;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
  flex: none;
}
.icon--sm { width: 1.125em; height: 1.125em; }
.icon--lg { width: 2.25em; height: 2.25em; }
.icon--xl { width: 3.5em; height: 3.5em; stroke-width: 1.5; }

/* 理念卡 icon 容器（圓形米褐底） */
.icon-chip {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3.25rem; height: 3.25rem; border-radius: 50%;
  background: var(--ht-surface); color: var(--ht-primary-700);
}
.icon-chip--accent { background: var(--ht-accent); color: var(--ht-primary-700); }