/* 06-components/tag — the item-tooltip label / status chip.
   Bracketed like an in-game tooltip; colour paired with text (never colour alone). */
.c-tag {
  --tag-colour: var(--ink-dim);
  font-family: var(--font-chrome);
  font-size: var(--text-xs);
  padding: 0.15rem 0.5rem;
  border: 1px solid color-mix(in srgb, var(--tag-colour) 40%, transparent);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--tag-colour) 8%, transparent);
  color: var(--tag-colour);
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
}
.c-tag::before { content: "["; opacity: 0.6; }
.c-tag::after  { content: "]"; opacity: 0.6; }

.c-tag--active   { --tag-colour: var(--brand); }
.c-tag--value    { --tag-colour: var(--value); }
.c-tag--link     { --tag-colour: var(--link); }
.c-tag--warn     { --tag-colour: var(--warn); }
.c-tag--danger   { --tag-colour: var(--danger); }
.c-tag--archived { --tag-colour: var(--ink-dim); }
/* Museum status (cyan) — a preserved world, wayfinding-coloured but glyph-carried,
   so it reads distinct from active/archived without relying on colour alone. */
.c-tag--museum   { --tag-colour: var(--link); }

/* Map dimensions — the atlas tags. Each dimension is a bracketed glyph first, its
   colour second, so a map's world reads without relying on colour alone:
   overworld → brand green, nether → danger red, the_end → warn yellow. */
.c-tag--overworld { --tag-colour: var(--brand); }
.c-tag--nether    { --tag-colour: var(--danger); }
.c-tag--the-end   { --tag-colour: var(--warn); }