.bg-primary-m {
  background: #5043c9;
}

.c-primary {
  color: #5043c9;
}

.c-w {
  color: #ffffff;
}

.c-t {
  color: rgba(255, 255, 255, 0);
}

.bg-w {
  background: #ffffff;
}

.navbar-brand:hover,
.nav-link:hover {
  color: #c5b8ff;
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 1s ease-out,
    transform 0.8s ease-out;
}

.fade-in.appear {
  opacity: 1;
  transform: translateY(0);
}

/* Scrollbar personnalisée */
::-webkit-scrollbar {
  width: 16px;
  background: #f8f8ff;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #5043c9 40%, #5043c9 60%);
  border-radius: 12px;
  border: 3px solid #f8f8ff;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #5043c9 40%, #5043c9 60%);
}

::-webkit-scrollbar-track {
  background: #f8f8ff;
  border-radius: 12px;
  box-shadow: inset 0 0 4px #c5b8ff;
}

/* Flèches haut/bas de la scrollbar (Webkit) */
::-webkit-scrollbar-button {
  height: 16px;
  background: #f8f8ff;
  border-radius: 12px;
  border: none;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><polygon points="8,4 12,10 4,10" fill="%235043c9"/></svg>')
    no-repeat center;
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><polygon points="4,6 12,6 8,12" fill="%235043c9"/></svg>')
    no-repeat center;
}