* {
  font-family: 'Roboto', sans-serif !important;
}

body,
.navbar,
.navbar-brand,
.nav-link,
h1,
h2,
h3,
h4,
h5,
h6,
.fw-bold,
.display-2,
.display-3,
.display-4 {
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

/* HTMX indicator for apply skeleton loading */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator {
  display: inline;
}
.htmx-request.htmx-indicator {
  display: inline;
}

/* SKELETON Animation for infinite linear gradient effect */
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.skeleton-img,
.skeleton-badge,
.skeleton-title,
.skeleton-text,
.skeleton-btn,
.skeleton-eye {
  animation: skeleton-loading 1.2s infinite linear;
  border-radius: 6px;
}