.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.badge-success { background-color: var(--green-100); color: var(--green-700); }
.badge-warning { background-color: var(--yellow-100); color: var(--yellow-800); }
.badge-info { background-color: var(--blue-100); color: var(--blue-700); }

[data-theme="dark"] .badge-success { background-color: rgba(16, 185, 129, 0.2); color: #34d399; }
[data-theme="dark"] .badge-warning { background-color: rgba(245, 158, 11, 0.2); color: #fbbf24; }
[data-theme="dark"] .badge-info { background-color: rgba(59, 130, 246, 0.2); color: #60a5fa; }