/* ============================================================
   badge.css - 徽标组件
   
   用途: 标签、状态指示器等
   依赖: core/tokens.css
   ============================================================ */

.pg-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-none);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
}

.pg-badge--primary {
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-lighter) 100%);
  color: var(--color-primary-dark);
}

.pg-badge--danger {
  background: linear-gradient(135deg, var(--color-danger-light) 0%, var(--color-danger-lighter) 100%);
  color: var(--color-danger-dark);
}

.pg-badge--warning {
  background: linear-gradient(135deg, var(--color-warning-light) 0%, var(--color-warning-lighter) 100%);
  color: var(--color-warning-dark);
}

.pg-badge--success {
  background: linear-gradient(135deg, var(--color-success-light) 0%, var(--color-success-lighter) 100%);
  color: var(--color-success-dark);
}

.pg-badge--info {
  background: linear-gradient(135deg, var(--color-info-light) 0%, var(--color-info-lighter) 100%);
  color: var(--color-info-dark);
}

/* pb-tag - 公共级标签 */
.pb-tag {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2-5);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-full);
  text-decoration: none;
  transition: background-color var(--duration-150) var(--easing-in-out),
              color var(--duration-150) var(--easing-in-out);
}

.pb-tag:hover {
  color: var(--color-primary);
  background-color: var(--color-primary-light);
}