/* ======================================================
   SPINNER — Variables de configuration
   Modifier uniquement cette section pour changer le style
====================================================== */

:root {
  --spinner-size: 12px;
  --spinner-thickness: 1px;
  --spinner-speed: 0.8s;
  --spinner-color-dark: #000000;
  --spinner-color-light: #ffffff;
}

/* ======================================================
   SPINNER — Ne pas modifier
====================================================== */

.btn-spinner {
  display: block;
  width: var(--spinner-size);
  height: var(--spinner-size);
  border-radius: 50%;
  border: var(--spinner-thickness) solid transparent;
  animation: btn-spin var(--spinner-speed) linear infinite;
  flex-shrink: 0;
}

.btn-spinner--dark {
  border-top-color: var(--spinner-color-dark);
  border-right-color: var(--spinner-color-dark);
}

.btn-spinner--light {
  border-top-color: var(--spinner-color-light);
  border-right-color: var(--spinner-color-light);
}

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