.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75em;
  font-weight: 600;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.badge-default {
  background: var(--bg-elevated);
  color: var(--text-muted);
}

.badge-green {
  background: rgba(34, 197, 94, 0.15);
  color: var(--green);
}

.badge-yellow {
  background: rgba(234, 179, 8, 0.15);
  color: var(--yellow);
}

.badge-red {
  background: rgba(239, 68, 68, 0.15);
  color: var(--red);
}

.badge-blue {
  background: rgba(59, 130, 246, 0.15);
  color: var(--accent);
}