/* ============================================================
   CLAUSEUR — PAGES & ANIMATIONS
   ============================================================
   Animations globales et styles utilitaires.
   ============================================================ */

/* ===== Animations ===== */
.pulse-dot { animation: pulse 1.5s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.loading-bar {
  height: 3px;
  background: linear-gradient(to right, transparent 0%, var(--color-danger) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s linear infinite;
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
main { animation: fadeIn 0.3s ease; }