.badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--bg-muted);
  border: 1px solid var(--border);
  font-size: .85rem;
}
.badge--primary { background: color-mix(in srgb, var(--primary) 16%, white); color: #0a2540; }
.badge--accent { background: color-mix(in srgb, var(--accent) 25%, white); color: #3a2a00; }