/* =========================
   Infinite Spinner (fade loop)
   - Couleur via --sp-color
   - Taille via --sp-size
========================= */
:root{
  --sp-color: #f30f53;
  --sp-size: 40px;     
  --sp-speed: 900ms;  
}

.c-spinner{
  width: var(--sp-size);
  height: var(--sp-size);
  border-radius: 50%;
  border: 4px solid color-mix(in srgb, var(--sp-color) 20%, transparent);
  border-top-color: var(--sp-color);
  animation: spinner-rotate var(--sp-speed) linear infinite;
  /* petit fade global */
  opacity: .9;
}

@keyframes spinner-rotate{
  to{ transform: rotate(360deg); }
}