/**
 * Sakurairo Transition Tokens
 * Defines reusable transition properties.
 * Components should use these instead of hardcoded transitions.
 */

:root {
  /* === Composed Transitions === */
  /* Card hover effect */
  --transition-card: transform var(--duration-fast) var(--ease-smooth),
                     box-shadow var(--duration-fast) ease;

  /* Element fade in/out */
  --transition-fade: opacity var(--duration-normal) ease;

  /* Background color change */
  --transition-background: background-color var(--duration-slow) ease,
                           background var(--duration-slow) ease;

  /* Border color change */
  --transition-border: border-color var(--duration-fast) ease;

  /* Text color change */
  --transition-text: color var(--duration-fast) ease;

  /* Scale + shadow combo */
  --transition-lift: transform var(--duration-fast) var(--ease-smooth),
                     box-shadow var(--duration-fast) ease,
                     background-color var(--duration-fast) ease;
}