@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles that use Tailwind's @apply directive */
.context-menu {
  @apply fixed z-50 bg-white rounded-lg shadow-lg py-1;
}

.context-menu-item {
  @apply px-4 py-2 cursor-pointer hover:bg-gray-50;
}

/* Custom styles */
.inter-font { 
  font-family: 'Inter', sans-serif; 
}

/* Modal animations */
.modal-enter-active, .modal-leave-active { 
  transition: opacity 0.3s ease; 
}

.modal-enter-from, .modal-leave-to { 
  opacity: 0; 
}

.modal-enter-active .modal-container, 
.modal-leave-active .modal-container { 
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67); 
}

.modal-enter-from .modal-container, 
.modal-leave-to .modal-container { 
  transform: scale(1.1); 
}