/**
 * StepDecor Badge / Tag / Pill
 * Shared by category tags, material tags, blog category pills, and
 * portfolio card overlay labels (Phase 06).
 */

.sd-badge {
	display: inline-block;
	font-size: .68rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	padding: .28rem .75rem;
	border-radius: var(--sd-radius-pill);
}

.sd-badge--soft {
	background: rgba(10, 138, 145, .1);
	color: var(--sd-color-primary);
}

.sd-badge--solid {
	background: var(--sd-color-accent);
	color: #fff;
}

.sd-badge--outline {
	background: transparent;
	border: 1px solid var(--sd-color-accent);
	color: var(--sd-color-accent);
	letter-spacing: .25em;
	font-weight: 700;
}

.sd-badge--dark-glass {
	background: rgba(10, 10, 10, .7);
	backdrop-filter: blur(8px);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .12);
}