/*
  Peaceful World Design System v0.4
  STABLE COMPONENT: passive status chip

  Purpose:
  - compact non-interactive metadata/status inside cards and lists;
  - visually distinct from plain labels and from actionable .pw-btn pills;
  - neutral by default; positive state available for genuinely open/available items.

  API:
    <span class="pw-status-chip">Annual</span>
    <span class="pw-status-chip" data-pw-status="positive">Open</span>

  Rules:
  - never use this component as a button or link;
  - do not encode critical meaning by color alone: text remains explicit;
  - consumer may change wording, not the component geometry.
*/

:where(.pw-status-chip){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid var(--pw-status-border,var(--pw-status-neutral-border));
  border-radius:999px;
  background:var(--pw-status-bg,var(--pw-status-neutral-bg));
  color:var(--pw-status-fg,var(--pw-status-neutral-fg));
  font-family:var(--pw-font-sans);
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:var(--pw-track-chip);
  white-space:nowrap;
  text-transform:none;
  text-shadow:none;
}

:where(.pw-status-chip)[data-pw-status="positive"]{
  --pw-status-bg:var(--pw-status-positive-bg);
  --pw-status-border:var(--pw-status-positive-border);
  --pw-status-fg:var(--pw-status-positive-fg);
}