/* toast states */

.toast {
  position: fixed;
  bottom: var(--space-xl);
  left: 50%;
  transform: translateX(-50%);
  background: var(--error);
  color: var(--text-primary);
  padding: var(--space-sm) var(--space-lg);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: 0.875rem;
  animation: slideUp var(--motion-duration-medium) var(--ease-out);
  z-index: 100;
}

.toast-success {
  background: var(--accent-primary);
}

.toast-icon {
  font-size: 1rem;
}