/* Badge */
.badge {
  display: inline-flex;
  align-items: center;
  padding: var(--space-xs) var(--space-sm);
  font-size: var(--font-size-xs);
  font-weight: 600;
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.badge--live {
  background: rgba(59, 130, 246, 0.15);
  color: var(--color-primary-light);
}

.badge--coming {
  background: rgba(99, 102, 241, 0.15);
  color: #a5b4fc;
}

/* Tags */
.tag {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 6px;
}

.tag--primary {
  background: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
}

.tag--secondary {
  background: rgba(6, 182, 212, 0.1);
  color: #22d3ee;
}

.tag--accent {
  background: rgba(14, 165, 233, 0.1);
  color: #38bdf8;
}

.tag--purple {
  background: rgba(99, 102, 241, 0.1);
  color: #818cf8;
}

.tag--orange {
  background: rgba(249, 115, 22, 0.1);
  color: #fb923c;
}

.tag--violet {
  background: rgba(139, 92, 246, 0.1);
  color: #a78bfa;
}