/* =========================================================
   トーンごとの動きの強さ（motion.css の --m-* を上書きする）
   mix.py が <html data-tone="business"> のようにトーン名を付ける前提。
   付いていないときは motion.css の標準値で動く。
   --m-speed    時間の倍率（大きいほどゆっくり）
   --m-distance 出てくるときに動く距離
   --m-strength 弾む・揺れる・脈打つ大きさの倍率
   --m-blur     にじみ出るときのぼかし
   --m-stagger  順番に出るときの間隔
   ========================================================= */

/* 誠実・ビジネス：控えめで速め。すっと出て、余計に揺れない */
:root[data-tone="business"] {
  --m-speed: .8;
  --m-distance: 14px;
  --m-strength: .6;
  --m-blur: 0px;
  --m-stagger: .08s;
  --m-ease: cubic-bezier(.25, .8, .3, 1);
  --m-ease-pop: cubic-bezier(.3, 1.25, .6, 1);
}

/* 上品・やさしい：ゆっくり、やわらかく。にじみ出る */
:root[data-tone="gentle"] {
  --m-speed: 1.35;
  --m-distance: 20px;
  --m-strength: .8;
  --m-blur: 6px;
  --m-stagger: .16s;
  --m-ease: cubic-bezier(.22, 1, .36, 1);
  --m-ease-pop: cubic-bezier(.3, 1.3, .6, 1);
}

/* 重厚・権威：ゆっくり、重く。動く距離は小さく、跳ねない */
:root[data-tone="authority"] {
  --m-speed: 1.6;
  --m-distance: 10px;
  --m-strength: .45;
  --m-blur: 2px;
  --m-stagger: .2s;
  --m-ease: cubic-bezier(.45, 0, .2, 1);
  --m-ease-pop: cubic-bezier(.45, 0, .2, 1);
}

/* 明るい・ポップ：弾む、大きく */
:root[data-tone="pop"] {
  --m-speed: .9;
  --m-distance: 32px;
  --m-strength: 1.5;
  --m-blur: 0px;
  --m-stagger: .1s;
  --m-ease: cubic-bezier(.34, 1.4, .64, 1);
  --m-ease-pop: cubic-bezier(.34, 1.9, .64, 1);
}

/* 熱量・セールス：強く、速く */
:root[data-tone="passion"] {
  --m-speed: .7;
  --m-distance: 28px;
  --m-strength: 1.3;
  --m-blur: 0px;
  --m-stagger: .07s;
  --m-ease: cubic-bezier(.16, 1, .3, 1);
  --m-ease-pop: cubic-bezier(.34, 1.6, .64, 1);
}