/*
 * 全站动效 token —— 唯一真源(CSS 面)。
 *
 * 数值须与 assets/js/gsap-bridge.js 的 window.itsimpleMotion 锁定一致。
 * 性格:编辑感平衡。详见 docs/superpowers/specs/2026-06-09-motion-system-design.md。
 * 全站加载(随 main.css 之后),供各命名空间的 reveal 规则引用,保证动效"感觉"统一。
 */
:root {
  /* 进场位移 */
  --mo-travel-sm: 16px;
  --mo-travel-md: 28px;
  --mo-travel-lg: 44px;

  /* 时长 */
  --mo-dur-fast: 0.45s;
  --mo-dur-base: 0.65s;
  --mo-dur-slow: 0.9s;

  /* 缓动 */
  --mo-ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* 进场 (power3.out) */
  --mo-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1); /* 弹入 (back.out) */

  /* 进场过渡简写,供 reveal 规则直接复用 */
  --mo-reveal-transition: opacity var(--mo-dur-slow) ease-out,
    transform var(--mo-dur-slow) var(--mo-ease-out);
}