/* ============================================================================
   盈泰商管 · 视觉规范令牌（Design Tokens）v1.0
   建档：2026-11-03  UI 改造 第 1 批
   ----------------------------------------------------------------------------
   ⚠️ 本文件当前【只定义变量，没有任何选择器使用它们】
      ⇒ 引入后页面外观不会有任何变化。这是第 1 批的设计目的。
   ⚠️ 现有 index.html 里的 :root（--red / --ink / --bg ...）一律保持原样，
      因为 tab_keep_scroll.js 会读取 --bg，改名或删除会断功能。
      后续批次逐步用新名字替换使用处，替换完再考虑退役旧名。
   ⚠️ 只允许增加，不要在本文件写具体元素的选择器样式。
   ========================================================================== */

:root {
  /* ===== 一、颜色（24 个）=================================================
     规则：任何地方要上色，只准从这里挑，禁止再写十六进制值。
     ========================================================================= */

  /* 品牌色：沿用现有识别色，不改 */
  --c-primary:          #C8102E;
  --c-primary-hover:    #a50d26;
  --c-primary-bg:       #fdf2f4;
  --c-primary-border:   #f3c9b6;

  /* 语义色：状态一律走这四个，不要再自创红黄蓝绿 */
  --c-success:          #0E7A4D;
  --c-success-bg:       #eaf6f1;
  --c-warning:          #B7791F;
  --c-warning-bg:       #fffaf0;
  --c-danger:           #c53030;
  --c-danger-bg:        #fdf2f2;
  --c-info:             #1D5FD6;

  /* 文字：4 级，够用且必须够用 */
  --c-text-1:           #1f2329;
  --c-text-2:           #5f6b7a;
  --c-text-3:           #8a9099;
  --c-text-4:           #b4b2a9;

  /* 线条与底色 */
  --c-border:           #d9d9d9;
  --c-border-light:     #eef1f6;
  --c-bg-page:          #f4f6f9;
  --c-bg-card:          #ffffff;
  --c-bg-hover:         #f7f9fb;
  --c-bg-fill:          #f0f2f5;

  /* 侧边栏（深色区） */
  --c-side:             #1f2733;
  --c-side-2:           #2a3543;
  --c-side-text:        #cfd6df;


  /* ===== 二、字号（7 档）==================================================
     规则：只准用这 7 档，禁止再出现 13.5px / 12.5px 之外的临时值。
     行高一律用倍数，不用固定像素。
     ========================================================================= */
  --fs-h2:              24px;    /* 模块大标题 */
  --fs-h3:              20px;    /* 页面标题（现有 --view-head h1 就是 20px） */
  --fs-h4:              16px;    /* 卡片标题 */
  --fs-body:            14px;    /* 正文基准（14 × 1.5715 ≈ 22px 行高） */
  --fs-sm:              12.5px;  /* 辅助说明（沿用现有最常见值，避免跳变） */
  --fs-xs:              11px;    /* 标签、角标、徽标 */

  --lh-tight:           1.33;
  --lh-normal:          1.5715;
  --lh-loose:           1.67;


  /* ===== 三、圆角（4 档）==================================================
     现有 133 处各写各的，第 3 批起统一到这 4 档。
     ========================================================================= */
  --r-sm:               4px;
  --r-md:               6px;     /* 按钮、输入框 */
  --r-lg:               8px;     /* 卡片、弹窗 */
  --r-full:             999px;   /* 头像、数字角标 */


  /* ===== 四、间距（4 的倍数）==============================================
     规则：任何 margin / padding / gap 只准取这几个值。
     ========================================================================= */
  --sp-1:               4px;
  --sp-2:               8px;
  --sp-3:               12px;
  --sp-4:               16px;
  --sp-5:               24px;
  --sp-6:               32px;
  --sp-7:               48px;


  /* ===== 五、阴影（3 档）==================================================
     数值取自 Ant Design，行业通行；轻阴影是"高级感"的关键，宁轻勿重。
     ========================================================================= */
  --sh-1: 0 1px 2px rgba(0,0,0,.05), 0 1px 6px -1px rgba(0,0,0,.03), 0 2px 4px rgba(0,0,0,.03);
  --sh-2: 0 6px 16px rgba(0,0,0,.08), 0 3px 6px -4px rgba(0,0,0,.12), 0 9px 28px 8px rgba(0,0,0,.05);
  --sh-3: 0 18px 50px rgba(0,0,0,.30);   /* 登录卡，沿用现值 */


  /* ===== 六、动效时长（3 档）============================================== */
  --t-fast:             0.1s;
  --t-mid:              0.2s;
  --t-slow:             0.3s;
}


/* ============================================================================
   附：旧变量与新令牌的对照（供第 2 批决策，本批不执行任何替换）

   值完全相同、可直接对接（替换后外观不变）：
     --red     #C8102E → --c-primary
     --red-d   #a50d26 → --c-primary-hover
     --blue    #1D5FD6 → --c-info
     --ink     #1f2329 → --c-text-1
     --ok      #0E7A4D → --c-success
     --bg      #f4f6f9 → --c-bg-page      ⚠️ tab_keep_scroll.js 读取了 --bg，替换前必查
     --side    #1f2733 → --c-side
     --side-2  #2a3543 → --c-side-2

   值不同、替换会改变外观（必须等第 2 批统一决定，不能在第 1 批动）：
     --mut   #6b7280 → --c-text-2 #5f6b7a
     --line  #e6e8eb → --c-border-light #eef1f6
   ========================================================================== */