/* TVP Plugin — frontend.css
   Estilos mínimos que o plugin injeta independente do tema.
   O tema (tvp-theme) carrega o design system completo.
   Este arquivo é um fallback para usar o plugin em outros temas. */

.tvp-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.badge--green    { background: #DCFCE7; color: #16A34A; }
.badge--blue     { background: #DBEAFE; color: #2563EB; }
.badge--red      { background: #FEE2E2; color: #DC2626; }
.badge--gray     { background: #E4E8EF; color: #4A5568; }
.badge--dark     { background: #1A202C; color: #fff; }
.badge--gold     { background: rgba(232,160,32,.15); color: #C8881A; }
.badge--red-vivid { background: #DC2626; color: #fff; font-weight: 700; }