@layer components {
  .badge--primary { background: var(--color-link); color: var(--color-white); }
  .badge--success { background: var(--color-positive); color: var(--color-white); }
  .badge--info { background: var(--color-info); color: var(--color-white); }
  .badge--warning { background: var(--color-warning); color: var(--color-ink); }
  .badge--muted { background: var(--color-ink-lightest); color: var(--color-ink-medium); }
}