/* ============================================================
   dudu · elevation / motion tokens
   阴影极轻——简约风靠边框和层级背景色区分层次；
   只有浮动元素（浮层、菜单、弹窗）有明显投影。
   ============================================================ */

:root {
  /* elevation */
  --shadow-card:    0 1px 3px rgba(17, 19, 26, 0.05);
  --shadow-menu:    0 4px 16px rgba(17, 19, 26, 0.10), 0 1px 3px rgba(17, 19, 26, 0.06);
  --shadow-window:  0 8px 28px rgba(17, 19, 26, 0.14);
  --shadow-overlay: 0 12px 36px rgba(10, 12, 18, 0.38);
  --shadow-key:     0 1px 0 rgba(17, 19, 26, 0.22);   /* 键帽底边 */

  /* motion — 快入慢出，无弹跳 */
  --ease-out:   cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.2, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */  /* hover、按压 */
  --dur-base:   200ms; /* @kind other */  /* 浮层进出、开关 */
  --dur-slow:   320ms; /* @kind other */  /* 页面/屏幕切换 */
}

[data-theme="dark"] {
  --shadow-card:    0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-menu:    0 4px 16px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-window:  0 8px 28px rgba(0, 0, 0, 0.5);
  --shadow-overlay: 0 12px 36px rgba(0, 0, 0, 0.6);
  --shadow-key:     0 1px 0 rgba(0, 0, 0, 0.5);
}