/* Tech Badges */
.badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-family: var(--font-mono);
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid;
    font-weight: 600;
    transition: var(--transition);
    white-space: nowrap;
}

.badge:hover { transform: translateY(-1px); }

.badge-primary { color: var(--color-primary);   border-color: rgba(102,126,234,0.35);  background: rgba(102,126,234,0.1); }
.badge-purple  { color: var(--color-secondary); border-color: rgba(118,75,162,0.35);   background: rgba(118,75,162,0.1); }
.badge-orange  { color: var(--color-orange);    border-color: rgba(255,107,53,0.35);   background: rgba(255,107,53,0.1); }
.badge-green   { color: #10B981;                border-color: rgba(16,185,129,0.35);   background: rgba(16,185,129,0.1); }
.badge-amber   { color: #F59E0B;                border-color: rgba(245,158,11,0.35);   background: rgba(245,158,11,0.1); }
.badge-gray    { color: var(--text-secondary);  border-color: var(--border-color);     background: var(--bg-surface); }