/* Tag Colours (frontend)
   - Per-tag colours via --pg-tag-color (inline per tag)
   - Default colour via --pg-tag-default (root)
   - Pill controls via --pg-tag-gap / --pg-tag-border-width / --pg-tag-radius
*/

.pg-tag-color {
  display: inline-flex;
  align-items: center;
  margin: var(--pg-tag-gap-y, .22em) var(--pg-tag-gap, .35em) var(--pg-tag-gap-y, .22em) 0;
}

.pg-tag-color:last-child {
  margin-right: 0;
}

.pg-tag-color a {
  color: var(--pg-tag-color, var(--pg-tag-default, currentColor));
  border-color: var(--pg-tag-color, var(--pg-tag-default, currentColor));
}

.pg-tag-color.pg-tag-pills-enabled a {
  border-style: solid;
  border-width: var(--pg-tag-border-width, 2px);
  border-radius: var(--pg-tag-radius, 999px);
  padding: .08em .55em;
  text-decoration: none;
  line-height: 1.35;
}