html,
body {
  background-color: #E0E5EC;
  color: #1A202C;
}

::selection {
  background-color: rgba(0, 168, 89, 0.2);
  color: #008043;
}

.hidden {
  display: none !important;
}

/* Context menu enter animation (fade + scale) */
@keyframes vivid-menu-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.menu-animate-in {
  animation: vivid-menu-in 150ms ease-out;
}

/* Toast enter animation (fade + slide up), horizontally centered */
@keyframes vivid-toast-in {
  from {
    opacity: 0;
    transform: translate(-50%, 12px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

.toast-animate-in {
  animation: vivid-toast-in 200ms ease-out;
  transform: translate(-50%, 0);
}