// Base Transitions
// Smooth transitions for common properties

// Transition utilities
.transition-all {
  transition: all 0.3s ease;
}

.transition-opacity {
  transition: opacity 0.3s ease;
}

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

.transition-colors {
  transition: color, background-color, border-color 0.3s ease;
}

// Transition durations
.transition-fast {
  transition-duration: 0.15s;
}

.transition-normal {
  transition-duration: 0.3s;
}

.transition-slow {
  transition-duration: 0.6s;
}

// Transition timing functions
.transition-linear {
  transition-timing-function: linear;
}

.transition-ease-in {
  transition-timing-function: ease-in;
}

.transition-ease-out {
  transition-timing-function: ease-out;
}

.transition-ease-in-out {
  transition-timing-function: ease-in-out;
}

.transition-bounce {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}