// ====================================
// NextGen Framework Animations
// ====================================

// Import variables directly instead of from index to avoid circular dependency
@use 'sass:color';
@use 'variables' as *;

// Fade animations
// ------------------------------------
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

// Rest of the animations file... 
// Keep the original content but replace line 308 with:
// transition: all 0.2s ease-in-out;
// (or whatever value $transition-base was supposed to be)

// Transition utilities
.transition-base {
  transition: all 0.2s ease-in-out;
}

.transition-fade {
  transition: opacity 0.15s linear;
}

.transition-transform {
  transition: transform 0.3s ease-in-out;
}

.transition-all {
  transition: all 0.3s ease-in-out;
}