/* ============================================================
   FORMATIX — Motion tokens (UI v2 · docs/แผนปรับโฉมหน้าเว็บ.md ข้อ 2.1)
   ค่ากลางของความเร็ว จังหวะ และระยะลึก — component ใหม่ทุกตัวใช้จากที่นี่เท่านั้น ห้ามใส่ ms / easing เอง
   ไฟล์นี้มีแค่ตัวแปร ไม่มีกฎที่เปลี่ยนหน้าตา จึงโหลดได้ทุกจอโดยไม่กระทบมือถือ/โหมดแอป
   ============================================================ */
:root {
  /* ความเร็ว: ปุ่ม → ไอคอน/เมนู → ของเข้าจอ → เปลี่ยนฉาก → ฉากใหญ่ */
  --dur-1: 120ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --dur-4: 700ms;
  --dur-5: 1100ms;

  /* จังหวะ */
  --ease-out: cubic-bezier(.16, 1, .3, 1);          /* ของเข้าจอ (expo-out) */
  --ease-io: cubic-bezier(.65, 0, .35, 1);          /* ย้ายตำแหน่ง / เปลี่ยนฉาก */
  --ease-spring: linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077 22.2%,
                        1.121 25.4%, 1.124 27.1%, 1.106 31.4%, 1.02 39.2%, .993 43%, .981 47.5%, .989 58.3%,
                        1.001 70%, 1);              /* ปุ่ม / hover เด้งนิด ๆ */

  /* ระยะลึก 2.5D: ชั้นยิ่งไกล ยิ่งเล็ก จาง เบลอ และขยับช้า (ความเร็ว parallax ใช้ใน fx-motion.js) */
  --depth-far-scale: .9;   --depth-far-blur: 6px;   --depth-far-alpha: .45;
  --depth-mid-scale: .96;  --depth-mid-blur: 1.5px; --depth-mid-alpha: .8;
  --depth-near-scale: 1;   --depth-near-blur: 0px;  --depth-near-alpha: 1;

  /* ระยะเลื่อนมาตรฐานของของที่เข้าจอ */
  --rise-1: 8px;
  --rise-2: 18px;
  --rise-3: 36px;

  /* เส้นบางแทนกรอบ */
  --hair: 1px solid color-mix(in oklab, var(--ink, #0c0c12) 12%, transparent);
}