/**
 * Archunity Common Ecosystem Styles
 * Shared across Archunity, Mailcraft, Todo, and Bijoye Wordpad.
 */

:root {
  --brand-primary: #6366f1;
  --brand-violet: #8b5cf6;
  --brand-purple: #a855f7;
  --brand-dark: #020617;
  --brand-card: #0f172a;
  --brand-border: #1e293b;
}

/* Custom smooth dark scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #090d16;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Toast container for global flash alerts */
#arch-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.arch-toast {
  pointer-events: auto;
  min-width: 280px;
  max-width: 420px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 13px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  gap: 10px;
  animation: archToastSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s, transform 0.2s;
}

.arch-toast--success {
  background: #064e3b;
  border: 1px solid #059669;
  color: #ecfdf5;
}

.arch-toast--info {
  background: #1e1b4b;
  border: 1px solid #6366f1;
  color: #e0e7ff;
}

@keyframes archToastSlideIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}