/* Stout Design System — motion tokens
   Always ease-out — never ease-in-out for UI. Animate transform + opacity
   only. Wrap motion in @media (prefers-reduced-motion: no-preference). */

:root {
  --sds-fast: 120ms; /* @kind other */
  --sds-base: 220ms; /* @kind other */
  --sds-slow: 380ms; /* @kind other */

  --sds-ease: ease-out; /* @kind other */

  --sds-t-fast: 120ms ease-out; /* @kind other */
  --sds-t-base: 220ms ease-out; /* @kind other */
  --sds-t-slow: 380ms ease-out; /* @kind other */
}

/* Shared entrance keyframes — transform + opacity only, ease-out.
   Used by Modal and Toast. Reduced-motion users get the end state instantly. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes sds-modal-in {
    from { opacity: 0; transform: translateY(6px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes sds-toast-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}