/* <span class="w-badge" data-variant="default|secondary|outline|destructive|success">New</span> */
.w-badge { display: inline-flex; align-items: center; gap: var(--w-space-1); padding: 2px 10px; border: 1px solid transparent;
  border-radius: 999px; font: 600 12px/1.5 var(--w-font); background: var(--w-primary); color: var(--w-primary-fg); white-space: nowrap; }
.w-badge[data-variant="secondary"] { background: var(--w-secondary); color: var(--w-secondary-fg); }
.w-badge[data-variant="outline"] { background: transparent; color: var(--w-fg); border-color: var(--w-border); }
.w-badge[data-variant="destructive"] { background: var(--w-destructive); color: var(--w-destructive-fg); }
.w-badge[data-variant="success"] { background: transparent; color: var(--w-success); border-color: currentColor; }