/* ============================================
   ATO ANIMATION TOKENS
   Minimal, purposeful, fast.
   No bounce or spring — clean ease-out.
   ============================================ */

:root {
  /* --- Easing --- */
  --ease-default:   cubic-bezier(0.25, 0.46, 0.45, 0.94); /* @kind other */
  --ease-in:        cubic-bezier(0.55, 0.00, 1.00, 0.45); /* @kind other */
  --ease-out:       cubic-bezier(0.00, 0.00, 0.40, 1.00); /* @kind other */
  --ease-in-out:    cubic-bezier(0.45, 0.00, 0.55, 1.00); /* @kind other */
  --ease-sharp:     cubic-bezier(0.40, 0.00, 0.60, 1.00); /* @kind other */
  --ease-snappy:    cubic-bezier(0.16, 1, 0.3, 1);        /* @kind other */

  /* --- Duration --- */
  --duration-instant: 50ms;  /* @kind other */
  --duration-fast:    120ms; /* @kind other */
  --duration-normal:  220ms; /* @kind other */
  --duration-slow:    380ms; /* @kind other */
  --duration-slower:  550ms; /* @kind other */

  /* --- Shorthand transitions --- */
  --transition-base:       all var(--duration-normal) var(--ease-default);       /* @kind other */
  --transition-colors:     color var(--duration-fast) var(--ease-default),
                           background-color var(--duration-fast) var(--ease-default),
                           border-color var(--duration-fast) var(--ease-default); /* @kind other */
  --transition-transform:  transform var(--duration-normal) var(--ease-snappy);  /* @kind other */
  --transition-opacity:    opacity var(--duration-normal) var(--ease-default);   /* @kind other */
  --transition-shadow:     box-shadow var(--duration-normal) var(--ease-default);/* @kind other */
}