:root {
  --cyan: #36eaea;
  --pink: #ff2a93;
  --purple: #8a2be2;
  --dark-purple: #1e0b2f;
  --darker-purple: #120619;
  --gradient: linear-gradient(90deg, var(--cyan), var(--pink));
}


@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes toastOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(6px) scale(0.99);
  }
}