/**
 * Modal Animations and Styles
 * Uses YADEMA design tokens for consistency
 */

@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.animate-modal-in {
  animation: modal-in 0.2s ease-out;
}

.modal-open {
  overflow: hidden;
}

.blur-content {
  filter: blur(4px);
  transition: filter 0.3s ease;
}

/* Modal backdrop */
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s ease;
}

/* Modal close button - ensure accessibility */
.modal-close {
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--border-radius-full);
  transition: all 0.2s ease-in-out;
}

.modal-close:focus-visible {
  outline: 2px solid var(--color-interactive-focus);
  outline-offset: 2px;
}

.modal-close:hover {
  background-color: var(--color-background-tertiary);
  color: var(--color-text-primary);
}