/* KindBadge — fixed-palette taxonomy stamp for domain kinds.
 *
 * Distinct from Badge: zero radius, monospace, uppercase, no hover, no
 * opacity, no lift. Purely presentational. Reads --kind-<name>-bg/fg from
 * the active theme; the theme owns the full palette.
 *
 * Fallback = neutral paper-alt. A kind with no matching tokens defined
 * renders visible-but-generic rather than invisible; helps catch missing
 * palette entries without breaking layout.
 */

.cp-kind-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family-mono);
  font-size: 0.625rem; /* 10px */
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: var(--radius-badge, 0);
  line-height: 1.4;
  white-space: nowrap;
  background-color: var(--color-surface-muted);
  color: var(--color-text-primary);
}

.cp-kind-badge[data-kind="invariant"]   { background-color: var(--kind-invariant-bg);   color: var(--kind-invariant-fg); }
.cp-kind-badge[data-kind="guideline"]   { background-color: var(--kind-guideline-bg);   color: var(--kind-guideline-fg); }
.cp-kind-badge[data-kind="standard"]    { background-color: var(--kind-standard-bg);    color: var(--kind-standard-fg); }
.cp-kind-badge[data-kind="path"]        { background-color: var(--kind-path-bg);        color: var(--kind-path-fg); }
.cp-kind-badge[data-kind="directive"]   { background-color: var(--kind-directive-bg);   color: var(--kind-directive-fg); }
.cp-kind-badge[data-kind="global"]      { background-color: var(--kind-directive-bg);   color: var(--kind-directive-fg); }
.cp-kind-badge[data-kind="rule"]        { background-color: var(--kind-directive-bg);   color: var(--kind-directive-fg); }
.cp-kind-badge[data-kind="goal"]        { background-color: var(--kind-goal-bg);        color: var(--kind-goal-fg); }
.cp-kind-badge[data-kind="decision"]    { background-color: var(--kind-decision-bg);    color: var(--kind-decision-fg); }
.cp-kind-badge[data-kind="component"]   { background-color: var(--kind-component-bg);   color: var(--kind-component-fg); }
.cp-kind-badge[data-kind="dependency"]  { background-color: var(--kind-dependency-bg);  color: var(--kind-dependency-fg); }
.cp-kind-badge[data-kind="in-flight"]   { background-color: var(--kind-in-flight-bg);   color: var(--kind-in-flight-fg); }
.cp-kind-badge[data-kind="active"]      { background-color: var(--kind-active-bg);      color: var(--kind-active-fg); }
.cp-kind-badge[data-kind="draft"]       { background-color: var(--kind-draft-bg);       color: var(--kind-draft-fg); }
.cp-kind-badge[data-kind="archive"]     { background-color: var(--kind-archive-bg);     color: var(--kind-archive-fg); }
.cp-kind-badge[data-kind="closed"]      { background-color: var(--kind-closed-bg);      color: var(--kind-closed-fg); }
.cp-kind-badge[data-kind="blocked"]     { background-color: var(--kind-blocked-bg);     color: var(--kind-blocked-fg); }