/* ============================================
   Component: Badges & Tags
   Extracted from design-system.css
   ============================================ */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--dt-space-1);
  padding: 0.25rem 0.75rem;
  font-size: var(--dt-text-xs);
  font-weight: var(--dt-font-semibold);
  border-radius: var(--dt-radius-full);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.badge--orange { background: var(--dt-orange-glow); color: var(--dt-orange); }
.badge--green { background: var(--dt-green-glow); color: var(--dt-green); }
.badge--navy { background: var(--dt-navy); color: #fff; }

/* Tag (label laranja da LP) */
.tag {
  display: inline-flex;
  align-items: center;
  gap: var(--dt-space-2);
  padding: 0.4rem 1rem;
  font-size: 11px;
  font-weight: var(--dt-font-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dt-orange);
  background: var(--dt-orange-glow);
  border: 1px solid rgba(255,92,26,0.18);
  border-radius: var(--dt-radius-full);
}