/**
 * 小船设计系统 · Motion / 动效 Token
 * ─────────────────────────────────────
 * 汇总当前产品内已出现的时长、缓动与位移，便于新组件引用并与设计系统页「动效」章节对齐。
 * 实现文件可能仍写具体数值；新增动效时优先使用本文件变量，再同步文档。
 */

:root {
  /* ─── 缓动 Easing ─── */
  /* 入场、浮层、tooltip、滚动 reveal 等（与 learn / home 中多数 cubic-bezier 一致） */
  --motion-ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  /* 折线图描边绘制（stroke-dashoffset 动画，见 learn 统计图 JS） */
  --motion-ease-line-draw: cubic-bezier(0.33, 1, 0.68, 1);

  /* ─── 时长 Duration（可与 transition: 组合）── */
  --motion-duration-instant: 0.1s;
  --motion-duration-xs: 0.12s;
  --motion-duration-sm: 0.15s;
  --motion-duration-md: 0.2s;
  --motion-duration-base: 0.34s;
  --motion-duration-lg: 0.45s;
  --motion-duration-xl: 0.52s;
  --motion-duration-2xl: 0.75s;
  --motion-duration-3xl: 0.85s;
  --motion-duration-chart-line: 1.18s;
  --motion-duration-chart-area: 1.08s;

  /* ─── 位移 Distance（入场 translateY 等）── */
  --motion-distance-entrance-sm: 14px;
  --motion-distance-entrance-md: 28px;
  --motion-distance-entrance-lg: 32px;
  --motion-distance-entrance-xl: 44px;
  --motion-distance-entrance-hero: 56px;
}