/* ============================================
   Badges — tech stack tags, role/client labels
   ============================================ */

.badge {
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-3);
	font-family: var(--font-mono);
	font-size: var(--text-xs);
	font-weight: var(--weight-medium);
	letter-spacing: 0.06em;
	border-radius: var(--radius-full);
	white-space: nowrap;
}

/* Default: subtle tech stack tag */
.badge--tech {
	background-color: rgba(0, 223, 255, 0.08);
	color: var(--color-cherenkov-dim);
	border: 1px solid rgba(0, 223, 255, 0.2);
}

/* Client work label */
.badge--client {
	background-color: rgba(123, 97, 255, 0.12);
	color: var(--color-accent-alt);
	border: 1px solid rgba(123, 97, 255, 0.3);
}

/* NDA label */
.badge--nda {
	background-color: rgba(255, 78, 106, 0.1);
	color: #FF4E6A;
	border: 1px solid rgba(255, 78, 106, 0.25);
}

/* Personal project */
.badge--personal {
	background-color: rgba(0, 229, 160, 0.1);
	color: var(--color-success);
	border: 1px solid rgba(0, 229, 160, 0.25);
}

/* Certification status */
.badge--cert {
	background-color: rgba(0, 223, 255, 0.06);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.badge--cert-active {
	background-color: rgba(0, 229, 160, 0.1);
	color: var(--color-success);
	border: 1px solid rgba(0, 229, 160, 0.3);
}

.badge--cert-progress {
	background-color: rgba(255, 193, 7, 0.08);
	color: #FFC107;
	border: 1px solid rgba(255, 193, 7, 0.2);
}