/* ============================================================
 * tokens.css —— 设计变量（2026-10-10 WebUI 重构 P1）
 * 浅色纸感精修（拍板①）：维持既有「纸白 + 靛蓝」Stripe 系基因，
 * 正式化为变量；P2 组件统一时逐步替换 style.css 内的硬编码。
 * ============================================================ */
:root {
  /* 主色（靛蓝系 5 档） */
  --p-50: #F2F0FD;
  --p-100: #E4E0FC;
  --p-300: #A79BFA;
  --p-500: #533AFD;   /* 主色：与小程序同源 */
  --p-700: #3D28C9;

  /* 语义色（与既有 tag g/y/r/n 对齐） */
  --ok: #2E9E5B;   --ok-soft: #E3F4EA;
  --warn: #C08600; --warn-soft: #FDF3D7;
  --err: #D8443C;  --err-soft: #FBE7E5;
  --info: #2E6DA4; --info-soft: #E7F0F8;

  /* 灰阶（暖纸感 8 档） */
  --g0: #FFFFFF;
  --g1: #FBFAF8;   /* 纸面 */
  --g2: #F4F2EE;   /* 卡间底 */
  --g3: #E9E5DE;   /* 分隔 */
  --g4: #D8D3CC;   /* 边线 */
  --g5: #9A948B;   /* 次要文字 */
  --g6: #6B655E;   /* 正文次级 */
  --g7: #35312B;   /* 正文 */

  /* 字阶 */
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
  --fs-16: 16px; --fs-18: 18px; --fs-22: 22px;

  /* 间距阶梯 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px;

  /* 壳层尺寸 */
  --nav-w: 236px;       /* 侧栏宽 */
  --nav-rail-w: 58px;   /* 图标栏宽 */
  --topbar-h: 60px;
  --radius: 10px;
  --shadow-1: 0 1px 2px rgba(53,49,43,.05);
  --shadow-2: 0 6px 20px rgba(53,49,43,.10);
}