/* 06-components/_badge.css */
/* ── c-badge — status band using the local-API trick (variant flips 3 locals only) */
.c-badge {
  display: inline-flex; align-items: center; gap: 0.7ch;
  padding: 0 var(--space-xs);
  background: var(--bk-fill);
  border: var(--bw) solid var(--bk-line);
  color: var(--bk-ink);
  font-size: var(--text-xs);
}
.c-badge::before { content: attr(data-glyph); }      /* non-color signal */
.c-badge--good { --bk-ink: var(--good); --bk-line: var(--good); --bk-fill: color-mix(in oklab, var(--good) 12%, var(--surface)); }
.c-badge--bad  { --bk-ink: var(--bad);  --bk-line: var(--bad);  --bk-fill: color-mix(in oklab, var(--bad) 12%, var(--surface)); }
.c-badge--live { --bk-ink: var(--accent); --bk-line: var(--accent); --bk-fill: var(--accent-soft); }
.c-badge--warn { --bk-ink: var(--warn); --bk-line: var(--warn); --bk-fill: color-mix(in oklab, var(--warn) 12%, var(--surface)); }