/* ==========================================================================
   中测 LIMS · 设计令牌（Design Tokens）v1
   --------------------------------------------------------------------------
   用途：采样模块（PC 录入页 + 移动端录入页 + 工作台）的统一设计变量。
   依据：对 records-styles.css / sampling-mobile-styles.css / dashboard-styles.css
        实测提取 —— 原为 179 色 / 12 圆角 / 11 字号 / 无间距基准，现收敛为
        语义化变量体系。

   ⚠️ 使用约定
   1. 本文件为唯一设计变量来源，只定义变量、不写任何具体选择器样式。
   2. 各模块 CSS 通过 var(--xxx) 引用，禁止再写裸色值/裸圆角/裸字号。
   3. 主色 = 墨绿 #005949，2026-10-28 统一到新 UI。
      原 #1e5aa8（深稳蓝，2026-09-13 拍板）及 #1f6feb / #1a73e8 / #2563eb / #1d4ed8 / #1f5fbf 五种近似蓝统一归一到本条。
   ========================================================================== */

:root {
  /* ========================================================================
     一、品牌色（仅官网/统一后台使用，采样模块不引用）
     ======================================================================== */
  --brand-primary:        #005949;   /* 品牌墨绿 */
  --brand-primary-dark:   #022c42;
  --brand-accent:         #5ee1b4;

  /* ========================================================================
     二、主色（LIMS 墨绿 #005949）—— 归并原 5 种近似蓝共 130+ 处
     ======================================================================== */
  --color-primary:         #005949;  /* 主按钮、focus 环、选中态 */
  --color-primary-hover:   #007a63;  /* 悬停加深 */
  --color-primary-active:  #00463a;  /* 按下 */
  --color-primary-text:    #00463a;  /* 主色系文字 */
  --color-primary-weak:    #e3efeb;  /* 主色浅底（chip 背景等） */
  --color-primary-weak-2:  #cfe4dc;  /* 主色浅底加深（边框） */
  --color-primary-focus:   rgba(0, 89, 73, .18);  /* focus 外环 */

  /* ========================================================================
     三、中性色（文字 / 边框 / 背景）—— 原出现 40+ 个近似灰度
     ======================================================================== */
  /* 文字 */
  --color-text:            #1f2d3d;  /* 正文主色（原 #1f2d3d / #334 / #333 合并） */
  --color-text-strong:     #1f2329;  /* 强调标题 */
  --color-text-secondary:  #556;     /* 次要文字（原 #556 / #555 / #445 合并） */
  --color-text-muted:      #6b7688;  /* 弱化说明 */
  --color-text-hint:       #9aa7b4;  /* 提示、placeholder（原 #97a3b6 合并） */
  --color-text-disabled:   #c3c9d4;  /* 禁用 */

  /* 边框 */
  --color-border:          #e8ecf2;  /* 默认边框（原 4 个近似灰合并） */
  --color-border-strong:   #cdd5e0;  /* 强调边框、输入框 */
  --color-border-light:    #eef1f6;  /* 极浅分隔线 */

  /* 背景 */
  --color-bg:              #f6f9f8;  /* 页面底色（对齐 newui --bg-page，原 #f3f6fb 偏蓝灰） */
  --color-surface:         #fff;     /* 卡片/面板（原 #fff x41 / #ffffff 合并） */
  --color-surface-2:       #f5f9f7;  /* 次级面板、表头（暖绿灰，原 #fafbfd） */
  --color-surface-3:       #eef3f1;  /* 三级背景、hover 态（暖绿灰，原 #eef1f6） */

  /* ========================================================================
     四、语义色（状态反馈）
     ======================================================================== */
  --color-danger:          #c0392b;  /* 错误、危险操作 */
  --color-danger-text:     #c0392b;
  --color-danger-bg:       #fdeceb;
  --color-danger-border:   #f2c8c4;

  --color-success:         #0e8f6f;  /* 成功、已保存 */
  --color-success-text:    #0e8f6f;
  --color-success-bg:      #e7f6f0;
  --color-success-border:  #bfe5d8;

  --color-warning:         #b45309;  /* 警告、校验越界 */
  --color-warning-text:    #b45309;
  --color-warning-bg:      #fdf1e3;
  --color-warning-border:  #f5d9b4;

  --color-info:            #0d3b4a;
  --color-info-bg:         #e3efeb;

  /* ========================================================================
     五、圆角 —— 原 12 种收敛为 5 档
     ======================================================================== */
  --radius-xs:    4px;    /* 标签、小徽标 */
  --radius-sm:    6px;    /* 输入框、小按钮（原 6px x13 + 5px/7px 合并） */
  --radius-md:    8px;    /* 按钮、下拉（原 8px x21） */
  --radius-lg:    8px;    /* 卡片、面板（对齐 newui --radius-md 8px，原 10px） */
  --radius-xl:    12px;   /* 大容器、弹窗（对齐 newui --radius-lg 12px，原 14px） */
  --radius-pill:  999px;  /* 胶囊、徽标 */

  /* ========================================================================
     六、字号 —— 原 11 种收敛为 6 档（12/12.5/13 混用是最严重问题）
     ======================================================================== */
  --fs-xs:    11px;   /* 徽标、极弱提示 */
  --fs-sm:    12px;   /* 辅助说明、表头（原 12px x55 + 11px/11.5px 部分合并） */
  --fs-base:  14px;   /* 正文、输入框（对齐 newui --fs-md 14px，原 13px） */
  --fs-md:    14px;   /* 小标题、按钮 */
  --fs-lg:    15px;   /* 区块标题 */
  --fs-xl:    17px;   /* 页面标题（原 16px/17px 合并） */
  --fs-display: 22px; /* 数据大屏/统计数字（对齐 newui --fs-2xl 22px，原 32px） */

  /* 字重：仅两级（与全局规范一致） */
  --fw-normal: 400;
  --fw-medium: 500;

  /* 行高 */
  --lh-tight:  1.3;
  --lh-base:   1.6;

  /* ========================================================================
     七、间距 —— 建立 4px 基准栅格
     ======================================================================== */
  --sp-1:  4px;
  --sp-2:  6px;
  --sp-3:  8px;
  --sp-4:  10px;
  --sp-5:  12px;
  --sp-6:  16px;
  --sp-7:  20px;
  --sp-8:  24px;

  /* ========================================================================
     八、阴影 / 层级（原用 rgba 硬编码，现语义化）
     ======================================================================== */
  --shadow-sm:  0 1px 2px rgba(20, 40, 80, .05);
  --shadow-md:  0 2px 8px rgba(20, 40, 80, .06);
  --shadow-lg:  0 8px 24px rgba(20, 40, 80, .12);
  --shadow-modal: 0 12px 40px rgba(20, 40, 80, .18);
  --overlay:    rgba(0, 0, 0, .55);

  /* ========================================================================
     九、录入表格专用（采样核心组件，单独抽出便于统一调整）
     ======================================================================== */
  --grid-row-h:        40px;   /* 行高（原局促，加大） */
  --grid-cell-min-w:   120px;  /* 单元格最小宽（原 96px，加大） */
  --grid-label-w:      96px;   /* 字段名列宽（吸附列） */
  --grid-head-bg:      #f5f9f7;
  --grid-line:         #e8ecf2;
  --grid-current-bg:   #e3efeb;/* 当前编辑单元格高亮 */
  --grid-sticky-shadow: 4px 0 6px -3px rgba(20, 40, 80, .12);

  /* ========================================================================
     十、焦点与可达性
     ======================================================================== */
  --focus-ring: 0 0 0 3px rgba(0, 89, 73, .18);
  --tap-min:    44px;   /* 移动端最小可点区域 */

  /* ========================================================================
     十一、兼容别名（旧代码可能引用的命名，指向新语义变量）
     ======================================================================== */
  --blue:     var(--color-primary);
  --blue-dk:  var(--color-primary-active);
  --ink:      var(--color-text);
  --muted:    var(--color-text-muted);
  --line:     var(--color-border);
  --bg-soft:  var(--color-surface-2);
}

/* ===== 滚动条全局样式（2026-10-09 志明：横向滚动条太细看不见，加高加色）===== */
/* WebKit（Chrome/Edge/Safari） */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #c1c9d4; border-radius: 6px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #9aa6b5; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-corner { background: transparent; }
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: #c1c9d4 transparent; }