/* ==========================================================================
   c-tag — Figma: Category（カードのカテゴリタグ）
   「#」は purple/500、ラベルは icon/strong（Figma の指定どおり）
   ========================================================================== */

.c-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.c-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
  background-color: var(--color-bg-subtle);
  color: var(--color-icon-strong); /* Figma: color/icon/strong をテキストに使用 */
  white-space: nowrap;
}

.c-tag::before {
  content: "#";
  color: var(--color-purple-500); /* semantic に該当なし（Figma: purple/500） */
}