:root {
  /* Motion Speeds */
  --hd-duration-fast: 150ms;
  --hd-duration-normal: 250ms;
  --hd-duration-slow: 400ms;
  --hd-duration-cinematic: 600ms;

  /* Easing Functions */
  --hd-ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* Custom Ease Out */
  --hd-ease-in-out: cubic-bezier(0.87, 0, 0.13, 1);   /* Smooth cubic */
  --hd-ease-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
  
  /* Active transitions */
  --hd-transition-all: all var(--hd-duration-normal) var(--hd-ease-out);
  --hd-transition-transform: transform var(--hd-duration-normal) var(--hd-ease-out);
  --hd-transition-fade: opacity var(--hd-duration-normal) var(--hd-ease-out);
}