/* ============================================================
   animations.css — Keyframes et classes d'animation
   ============================================================ */

/* ── Clignotement du point de statut ── */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.25; }
}

.status-dot {
  animation: pulse 2s ease-in-out infinite;
}

/* ── Apparition progressive des sections (fade + slide up) ── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.section {
  animation: fadeUp 0.5s ease both;
}

/* Délais en cascade pour chaque section */
#skills     { animation-delay: 0.05s; }
#levels     { animation-delay: 0.15s; }
#languages  { animation-delay: 0.25s; }
#education  { animation-delay: 0.10s; }
#experience { animation-delay: 0.20s; }
#projects   { animation-delay: 0.30s; }

/* ── En-tête ── */
.header {
  animation: fadeUp 0.4s ease both;
}

/* ── Pied de page ── */
.footer-line {
  animation: fadeUp 0.5s 0.4s ease both;
}