/* ============================================================
   TOM 平台 · 设计 Token（Figma 规范镜像）
   命名规则：--{类别}-{语义}-{层级}
   间距体系：4pt 基准，8pt 主网格
   ============================================================ */

:root {
  /* ---------- 颜色 · 纸面与墨 ---------- */
  --c-paper:            #f4f1e9;  /* 画布：暖米纸 */
  --c-paper-sunk:       #eee9dc;  /* 下沉：侧栏 / 表头 */
  --c-surface:          #fbf9f3;  /* 面板 */
  --c-surface-raised:   #fefdf9;  /* 浮层 / 抽屉 */
  --c-hairline:         #e2dbc9;  /* 发丝线 */
  --c-hairline-strong:  #cfc6b0;

  --c-ink:              #211d17;  /* 主文字 */
  --c-ink-2:            #4a433a;  /* 次级文字 */
  --c-ink-3:            #7d7566;  /* 辅助文字 */
  --c-ink-4:            #a49b89;  /* 占位 / 禁用 */

  /* ---------- 颜色 · 语义 ---------- */
  --c-coral:            #c4603b;  /* 主动作 / 进行中 */
  --c-coral-soft:       #f5e3da;
  --c-coral-ink:        #8f3f22;

  --c-amber:            #b98a2c;  /* 待处理 / 提醒 */
  --c-amber-soft:       #f7ecd4;
  --c-amber-ink:        #7d5c14;

  --c-sage:             #5b7d60;  /* 已完成 / 正常 */
  --c-sage-soft:        #e3ece2;
  --c-sage-ink:         #3d5a41;

  --c-clay:             #9e4436;  /* 异常 / 危险 */
  --c-clay-soft:        #f6e0dc;
  --c-clay-ink:         #7a3025;

  --c-stone:            #6f7a76;  /* 中性信息（非蓝） */
  --c-stone-soft:       #e6e8e4;
  --c-stone-ink:        #4c5451;

  --c-focus:            #c4603b;

  /* ---------- 字体 ---------- */
  --font-serif: Georgia, "Times New Roman", "Songti SC", "STSong", "SimSun", serif;
  --font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI",
    system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 类型阶梯（1.2 模块化比例，14px 基准） */
  --fs-3xs: 10px;
  --fs-2xs: 11px;
  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-md:  14px;
  --fs-lg:  16px;
  --fs-xl:  19px;
  --fs-2xl: 23px;
  --fs-3xl: 28px;
  --fs-4xl: clamp(30px, 2.6vw, 38px);
  --fs-num: clamp(26px, 2.4vw, 34px);

  --lh-tight: 1.2;
  --lh-snug:  1.4;
  --lh-base:  1.6;

  --tr-label: 0.14em;  /* 小标签字距 */
  --tr-tight: -0.01em;

  /* ---------- 间距（8pt 网格） ---------- */
  --s-1: 2px;
  --s-2: 4px;
  --s-3: 8px;
  --s-4: 12px;
  --s-5: 16px;
  --s-6: 20px;
  --s-7: 24px;
  --s-8: 32px;
  --s-9: 40px;
  --s-10: 48px;
  --s-11: 64px;

  /* ---------- 圆角 / 描边 ---------- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 6px;
  --r-4: 10px;
  --r-pill: 999px;
  --bw: 1px;

  /* ---------- 阴影（极克制，仅浮层） ---------- */
  --sh-pop: 0 1px 2px rgba(33, 29, 23, .06), 0 12px 32px -8px rgba(33, 29, 23, .18);
  --sh-drawer: -1px 0 0 var(--c-hairline), -24px 0 48px -24px rgba(33, 29, 23, .22);

  /* ---------- 动效 ---------- */
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --d-1: 120ms;
  --d-2: 200ms;
  --d-3: 320ms;

  /* ---------- 布局 ---------- */
  --w-rail: 244px;
  --h-topbar: 56px;
  --w-content-max: 1560px;
  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 90;
}