:root {
  /* Transition Durations */
  --transition-duration-75: 75ms;
  --transition-duration-100: 100ms;
  --transition-duration-150: 150ms;
  --transition-duration-200: 200ms;
  --transition-duration-300: 300ms;
  --transition-duration-500: 500ms;
  --transition-duration-700: 700ms;
  --transition-duration-1000: 1000ms;

  /* Transition Timing Functions (Easings) */
  --transition-timing-linear: linear;
  --transition-timing-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-timing-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-timing-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* Common Transition Sets */
  --transition-all: all var(--transition-duration-150) var(--transition-timing-in-out);
  --transition-colors: color var(--transition-duration-150) var(--transition-timing-in-out), background-color var(--transition-duration-150) var(--transition-timing-in-out), border-color var(--transition-duration-150) var(--transition-timing-in-out), text-decoration-color var(--transition-duration-150) var(--transition-timing-in-out), fill var(--transition-duration-150) var(--transition-timing-in-out), stroke var(--transition-duration-150) var(--transition-timing-in-out);
  --transition-opacity: opacity var(--transition-duration-150) var(--transition-timing-in-out);
  --transition-transform: transform var(--transition-duration-150) var(--transition-timing-in-out);
}