/* Component helpers */
.badge {
  display:inline-block;
  background: var(--color-primary);
  color:#fff;
  padding:.25rem .55rem;
  border-radius:999px;
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.5px;
}

.muted { color: var(--color-text-soft); }

.hidden { display:none !important; }

.fade-in {
  animation: fadeIn .6s ease;
}

@keyframes fadeIn {
  from { opacity:0; transform:translateY(4px); }
  to { opacity:1; transform:translateY(0); }
}