/* ============================================================
   frontend/tokens.css —— 设计 token（Element Plus 浅色后台规范）
   ------------------------------------------------------------
   自 design-preview/tokens.css 原样平移：覆盖 --el-* 即完成主色/
   灰阶/圆角接入，五档语义状态色为业务自有 token。
   全项目唯一允许裸色值的文件。
   ============================================================ */

:root {
  /* ---------- Element Plus 变量覆盖 ---------- */
  --el-color-primary: #409eff;
  --el-color-primary-dark-2: #337ecc;   /* active */
  --el-color-primary-light-3: #79bbff;  /* hover */
  --el-color-primary-light-5: #a0cfff;  /* disabled */
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;  /* 主色浅底 */

  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;

  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-dark: #c0c4cc;

  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-bg-color-page: #f5f7fa;
  --el-bg-color: #ffffff;
  --el-color-white: #ffffff;

  --el-border-radius-base: 4px;
  --el-font-size-base: 14px;

  /* ---------- 语义状态色五色 ----------
     状态一律用「彩色文字（font-weight 500）」表达，不用彩色底徽章。 */
  --c-progress: #639922; /* 进行中 / 正向（已完成、已连接） */
  --c-pending: #378ADD;  /* 待处理 / 进行链路（排队、处理中、上传中） */
  --c-closed: #888780;   /* 关闭 / 中性（已取消、等待） */
  --c-risk: #E24B4A;     /* 风险 / 错误（失败、上传失败） */
  --c-warn: #D48806;     /* 预警（部分失败） */

  /* ---------- 布局 ---------- */
  --topbar-height: 56px;

  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", Arial, sans-serif;
}

body {
  margin: 0;
  background: var(--el-bg-color-page);
  color: var(--el-text-color-primary);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}