/* assets/css/tokens.css — 设计令牌：颜色、字体族、版心宽度、尺度与动效
   色板沿用 lingjiuw/frontend 的「宣纸—靛墨—朱砂」体系：瓷白作底，靛青黛蓝为墨，
   朱砂只做印章与关键行动的唯一点缀，运行绿只用于真实状态。 */

/* ============ 设计令牌 ============ */
:root{
  /* ---- 色：纸与墨 ---- */
  --paper:      #F4F6F7;  /* 瓷白，偏冷的底 */
  --surface:    #FFFFFF;
  --surface-2:  #FAFBFC;  /* 浅面板，用于表头与内嵌区块 */
  --ink:        #17324F;  /* 靛青黛蓝，主墨色 */
  --ink-deep:   #0F2338;  /* 深夜蓝，看板区 */
  --ink-2:      #24425F;  /* 深底上的次级文字 */
  --cinnabar:   #C2402A;  /* 朱砂，印章点缀 */
  --cinnabar-d: #A2311E;  /* 朱砂 hover 加深 */
  --cinnabar-s: #FBEDEA;  /* 朱砂浅底，标签与提示 */
  --muted:      #5C6E82;  /* 蓝灰，次要文字 */
  --line:       #DCE3EA;  /* 细结构线 */
  --line-dark:  #B9C6D4;
  --ok:         #37A372;  /* 运行绿（深底上用亮一档） */
  --ok-on-light:#2E7D5B;
  --ok-s:       #EAF6F0;

  /* ---- 字：一套无衬线承载信息，一套衬线承载标题 ---- */
  --serif: "Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --sans:  "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;

  /* ---- 版心 ---- */
  --wrap: 1200px;         /* 常规版心 */
  --wrap-wide: 1320px;    /* 宽表与对比区 */

  /* ---- 尺度：间距 / 圆角 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --r-sm: 4px;
  --r:    8px;    /* 全站工程感圆角，与印章一致 */
  --r-lg: 16px;
  --r-pill: 999px;

  /* ---- 投影：只用三层，深蓝调而非中性灰 ---- */
  --sh-1: 0 1px 2px rgba(15,35,56,.06);
  --sh-2: 0 8px 24px -12px rgba(15,35,56,.18);
  --sh-3: 0 28px 64px -28px rgba(15,35,56,.30);

  /* ---- 动效 ---- */
  --dur: .24s;
  --ease: cubic-bezier(.22,.61,.36,1);
}
