/* ============================================================================
 * tokens.css —— 报价系统 UI v2 设计基座：**唯一色源 + 唯一尺度源**
 *
 * 规则（见 docs/design/DESIGN-SYSTEM.md）：
 *   · 颜色只准用下面这 13 个真值（品牌表），别处一律 var(--…) 引用，**不许新增色值**。
 *   · 半透明底只准从这 13 个真值派生 8%–14%（8 位 hex，末尾两位 = alpha），
 *     派生值已在此文件内登记成 --tint-*，页面/组件不得自己再写 rgba()/hex。
 *   · 字号/间距/圆角/阴影/行高也只在这里定义，组件层不许出现裸数值（表格密度除外）。
 *
 * 口径来源：docs/design/proto-20261025/（d1 克制专业 · d2 数据密度 · d3 现代轻量）。
 * 本文件**不接线**任何现有页面：public/index.html 至今一个字节没动。
 * ========================================================================== */

:root {
  /* ── 颜色：13 个真值（品牌表，一色一用途）────────────────────────────── */
  --color-primary: #A21F2D;        /* 品牌红：主按钮 / 合价数字 / 选中态 / 强调 */
  --color-primary-dark: #8a1a26;   /* 主色按下（:active）与 hover 加深 */
  --color-secondary: #C49958;      /* 金：辅助强调（待办点、徽标），禁作大面积底色 */
  --color-bg: #f0f2f5;             /* 页面底 / 分段控件轨道 */
  --color-card: #fff;              /* 卡片 / 表格 / 输入框底（白） */
  --color-hover: #fafbfc;          /* 行 hover / 工具条与表头底 */
  --color-text: #222;              /* 正文主色 / 表格数字 */
  --color-text-2: #666;            /* 次级正文 / 表单标签 */
  --color-text-3: #999;            /* 辅助说明 / 占位 / 分组标题 */
  --color-border: #e4e6eb;         /* 结构边框（卡片、控件外框） */
  --color-border-light: #f0f0f0;   /* 表格分隔线 / 卡片内部虚线 */
  --color-success: #2e7d32;        /* 成功 / 已生效 */
  --color-error: #c62828;          /* 错误 / 校验不通过 */
  --color-on-primary: #fff;        /* 主色底上的前景（= --color-card，语义别名） */

  /* ── 半透明底：一律从上面派生，alpha 只准 8%(14) 与 14%(24) 两档────────
   *    8 位 hex：#RRGGBB + 两位 alpha（十六进制）。14 = 20/255 ≈ 8%，24 = 36/255 ≈ 14% */
  --tint-primary-8: #A21F2D14;
  --tint-primary-14: #A21F2D24;
  --tint-secondary-8: #C4995814;
  --tint-success-8: #2E7D3214;
  --tint-error-8: #C6282814;
  --tint-text-8: #22222214;
  --tint-text-14: #22222224;

  /* ── 字体：正文系统栈（与现有站点同一串），金额/编号走等宽 + 等宽数字──── */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-num: "SF Mono", Consolas, monospace;

  /* ── 字阶：12 / 12.5 / 13 / 13.5 / 14 / 15 / 17 / 20 / 23 / 26 / 34 ────── */
  --fs-12: 12px;      /* 徽标、分组行、极辅 */
  --fs-12-5: 12.5px;  /* 表头、字段标签、说明 */
  --fs-13: 13px;      /* 紧凑表格正文、次级按钮 */
  --fs-13-5: 13.5px;  /* 表格正文、按钮、输入（默认正文） */
  --fs-14: 14px;      /* 卡片标题 */
  --fs-15: 15px;      /* 宽松版正文 */
  --fs-17: 17px;      /* KPI 小号数值、条带数值 */
  --fs-20: 20px;      /* 区块标题 */
  --fs-23: 23px;      /* 页面主标题 h1 */
  --fs-26: 26px;      /* KPI 大号数值 */
  --fs-34: 34px;      /* 合价主数字（一页只准一处） */

  /* ── 行高 ──────────────────────────────────────────────────────────────── */
  --lh-tight: 1.45;   /* 表格/表单密集区（默认） */
  --lh-normal: 1.55;  /* 正文 */
  --lh-loose: 1.6;    /* 说明段落、卡片内长文 */

  /* ── 间距：4 / 6 / 8 / 10 / 12 / 14 / 16 / 20 / 22 / 26 / 32 ───────────── */
  --space-1: 4px;     /* 图标与文字之间 */
  --space-2: 6px;     /* 按钮组、chip 组 */
  --space-3: 8px;     /* 行内元素 */
  --space-4: 10px;    /* 表格单元格横向 padding */
  --space-5: 12px;    /* 控件内 padding、卡片内块间距 */
  --space-6: 14px;    /* 字段之间 */
  --space-7: 16px;    /* 按钮横向 padding、卡片 padding */
  --space-8: 20px;    /* 卡片之间 */
  --space-9: 22px;    /* 卡片 padding（宽松） */
  --space-10: 26px;   /* 页面左右留白（宽松） */
  --space-11: 32px;   /* 页面级留白 */

  /* ── 圆角：3 / 6 / 8 / 9 / 10 / 12 ─────────────────────────────────────── */
  --radius-1: 3px;    /* 密集表格、chip、小控件（d2 口径） */
  --radius-2: 6px;    /* 提示条、内嵌块 */
  --radius-3: 8px;    /* 输入框、次级按钮 */
  --radius-4: 9px;    /* 按钮/输入（现代口径）、分段控件 */
  --radius-5: 10px;   /* 卡片、抽屉内块 */
  --radius-6: 12px;   /* 外层卡片（d3 口径） */
  --radius-pill: 999px; /* 胶囊 chip / 分页圆点 */

  /* ── 阴影：只有两级（卡片 / 浮层），全部由 --color-text 派生，不加新色相── */
  --shadow-1: 0 1px 2px var(--tint-text-8), 0 2px 6px -2px var(--tint-text-8);
  --shadow-2: 0 2px 8px -2px var(--tint-text-14), 0 12px 32px -12px var(--tint-text-14);
  /* 焦点可见环：键盘聚焦专用，鼠标点击不出现 */
  --ring-primary: 0 0 0 3px var(--tint-primary-14);
  --ring-error: 0 0 0 3px var(--tint-error-8);

  /* ── 控件与行高（表格三档密度从这里取值）──────────────────────────────── */
  --ctl-sm: 28px;      /* 小按钮 / 紧凑输入 */
  --ctl-md: 36px;      /* 默认按钮 / 输入 */
  --ctl-lg: 44px;      /* 主操作 / 宽松输入 */
  --row-compact: 30px; /* 表格·紧凑 */
  --row-normal: 36px;  /* 表格·标准 */
  --row-comfy: 44px;   /* 表格·宽松 */
  --row-th: 32px;      /* 表头（各档统一） */

  /* ── 动效与层级 ────────────────────────────────────────────────────────── */
  --dur-1: 120ms;
  --ease-1: cubic-bezier(0.2, 0.7, 0.3, 1);
  --z-panel: 40;
  --z-scrim: 39;
  --z-toast: 60;
}