/* ============================================================================
   设计令牌 · 与 UI方案3 批准稿一致
   分成独立文件是为了「启动速度」：首屏只需要 tokens + base + layout，
   页面级样式由各页面模块按需动态 import。
   ============================================================================ */
:root{
  --bg:#f4f5f7; --surface:#fff; --surface2:#fafbfc; --surface3:#eef0f3;
  --line:#e2e5ea; --line2:#cdd2da;
  --ink:#171a1f; --ink2:#4d5560; --ink3:#7b838f;
  --brand:#2f6f5e; --brand-ink:#245a4c; --brand-w:#e6f0ec; --brand-t:#bfd8cf;
  --warn:#8a5a12; --warn-w:#fdf3e2; --danger:#a33629; --danger-w:#fbecea;
  --ok:#1f6b4a;
  --r:8px; --r-sm:6px; --r-lg:12px;
  --sh:0 1px 2px rgba(23,26,31,.05);
  --sh-pop:0 8px 28px rgba(23,26,31,.13);
  --nav-w:196px; --list-w:288px; --panel-w:440px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --move:cubic-bezier(.2,.7,.3,1);
  --top:52px;
}

/* 深色模式：跟随系统。管理端夜班排班时会用到。 */
@media (prefers-color-scheme:dark){
  :root{
    --bg:#14161a; --surface:#1b1e23; --surface2:#20242a; --surface3:#272c33;
    --line:#2c3138; --line2:#3a414a;
    --ink:#e8ebef; --ink2:#adb5bf; --ink3:#7e8792;
    --brand:#4e9c86; --brand-ink:#3f8371; --brand-w:#1e2f2b; --brand-t:#2f4a43;
    --warn:#e0a94a; --warn-w:#332a18; --danger:#e0766a; --danger-w:#33211f;
    --ok:#5fbf8f;
    --sh:0 1px 2px rgba(0,0,0,.3);
    --sh-pop:0 8px 28px rgba(0,0,0,.5);
  }
}