/*
 * Feature 017, T3 — shared semantic pill for a convocatoria's `estado`.
 * Color source: ONLY the `--ugel-status-pill-color` custom property the
 * template sets inline from `EstadoPresenter`'s (T1) `colorToken` — no hex
 * here, no per-tone rule, so the 3 tones can never drift from tokens.css.
 *
 * Contrast AA (white text on each token, tokens.css:19-21):
 *   --ugel-green (#0a6b42) vs white -> 6.57:1
 *   --ugel-amber (#895300) vs white -> 6.36:1
 *   --ugel-muted (#5f6975) vs white -> 5.58:1
 * All 3 clear WCAG AA (>= 4.5:1) with margin.
 */
.ugel-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  background-color: var(--ugel-status-pill-color);
  color: var(--ugel-white);
  font-size: var(--ugel-fs-xs);
  font-weight: var(--ugel-fw-semibold);
  line-height: 1.4;
  white-space: nowrap;
}