/**
 * Badges — Phase 2A.5 §5/§8: deliberately rare. NOT used for category
 * identity (that's the typographic kicker in typography.css). Reserved
 * for genuine flags: "New", "Sponsored", "Updated" — small, quiet, and
 * used sparingly enough that adding one should always be a deliberate
 * editorial decision, not a default.
 */

.lbm-badge {
	display: inline-flex;
	align-items: center;
	font-size: var(--text-meta);
	font-weight: 600;
	letter-spacing: var(--tracking-meta);
	text-transform: uppercase;
	padding: var(--space-1) var(--space-3);
	border-radius: var(--radius-md);
	background-color: var(--color-surface);
	color: var(--color-neutral-700);
	border: 1px solid var(--color-border);
}

.lbm-badge--accent {
	background-color: var(--color-accent);
	color: var(--color-paper);
	border-color: var(--color-accent);
}

.lbm-badge--outline {
	background-color: transparent;
	color: var(--color-accent);
	border-color: var(--color-accent);
}