/* xeek.dev theme, tags.css: tag chips (blue/green/purple), tag cloud */

.post-tags { display: flex; flex-wrap: wrap; gap: 8px; }

.tag {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font: 500 11px var(--font-body);
  color: var(--blue);
  background: var(--blue-tint);
  border: 1px solid var(--blue-border);
  border-radius: 5px;
  padding: 2px 8px;
  box-shadow: var(--shadow-chip);
}

.tag:hover { border-color: var(--blue); color: var(--blue-bright); }

.tag.tag-c2 { color: var(--green); background: var(--green-tint); border-color: var(--green-border); }
.tag.tag-c2:hover { border-color: var(--green); color: var(--green); }

.tag.tag-c3 { color: var(--purple); background: var(--purple-tint); border-color: var(--purple-border); }
.tag.tag-c3:hover { border-color: var(--purple); color: var(--purple); }

.tag-mini { padding: 1px 7px; font-size: 10px; }

.tag-big { font-size: 14px; padding: 6px 12px; }

.tag-count { font-size: 11px; color: var(--dim); }

.tag-cloud {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag-eyebrow { margin: 0 0 4px; font: 500 12px var(--font-body); color: var(--dim); }
.tag-eyebrow a { color: var(--green); }