/* ===================================
   UTILITIES — Transitions
   =================================== */

:root {
  --transition-fast: all 0.15s ease-in-out;
  --transition-base: all 0.3s ease;
  --transition-slow: all 0.6s ease;
  --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* Classi utility */
.transition-fast   { transition: var(--transition-fast); }
.transition-base   { transition: var(--transition-base); }
.transition-slow   { transition: var(--transition-slow); }
.transition-bounce { transition: var(--transition-bounce); }

/* Applicabili a proprietà specifiche */
.transition-color  { transition: color 0.3s ease; }
.transition-bg     { transition: background-color 0.3s ease; }
.transition-border { transition: border-color 0.3s ease; }
.transition-shadow { transition: box-shadow 0.3s ease; }
.transition-transform { transition: transform 0.3s ease; }