/* tokens.css — 设计令牌（从 MiStock 原型逐值核对，见 docs/dev/02 §3）
   权威源：原型 :root 的 8 个变量 + 补齐辅助灰阶。所有颜色/字号/间距/圆角/阴影集中此处。 */

:root {
  /* —— 颜色（原型真实值）—— */
  --green: #0BA84A;          /* 主色：CTA / 品牌 / 强调 */
  --green-d: #0A9A45;        /* 主色按下/深色态 */
  --green-soft: #E9F8EF;     /* 主色浅底：聚焦环 / 成功标签 */
  --red: #E0322F;            /* 错误 / 失败 / 拒绝 */
  --red-soft: #FDECEC;       /* 错误浅底 */
  --amber: #E8833A;          /* 警示（worker 离线 banner） */
  --amber-soft: #FDF1E6;
  --ink: #15171B;            /* 正文主墨 */
  --ink-2: #5C636B;          /* 次级文字 */
  --ink-3: #9AA2AA;          /* 占位 / 弱化 */
  --soft: #F6F8FA;           /* 表面 / 次级背景 */
  --soft-2: #FBFCFD;         /* 更浅表面 */
  --line: #EDEFF2;           /* 边框 / 分隔 */
  --line-2: #EEF1F4;         /* 更浅分隔 */
  --bg: #FFFFFF;             /* 页面 / 卡片背景 */

  /* —— 字体 —— */
  --font-sans: 'Manrope', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* —— 字号（原型真实值收敛）—— */
  --fs-2xs: 10px;
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-base: 14px;
  --fs-md: 14.5px;
  --fs-lg: 16px;
  --fs-xl: 17px;
  --fs-2xl: 21px;
  --fs-3xl: 23px;

  /* —— 行高 —— */
  --lh-tight: 1.3;
  --lh-snug: 1.45;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;
  --lh-loose: 1.78;          /* 报告正文 */

  /* —— 间距 —— */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 10px;
  --sp-5: 12px;
  --sp-6: 14px;
  --sp-7: 16px;
  --sp-8: 18px;
  --sp-9: 24px;
  --sp-10: 40px;

  /* —— 圆角 —— */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-pill: 999px;
  --r-circle: 50%;

  /* —— 阴影（逐字抄原型）—— */
  --sh-card: 0 2px 14px rgba(20, 23, 27, .05);
  --sh-card-lg: 0 8px 20px rgba(20, 23, 27, .09);
  --sh-pop: 0 18px 44px rgba(20, 23, 27, .16);      /* modal / 弹层 */
  --sh-cta: 0 6px 18px rgba(11, 168, 74, .28);       /* 绿色 CTA 抬起 */
  --sh-rail: 8px 0 40px rgba(20, 23, 27, .06);       /* 侧栏右投影 */
  --focus-ring: 0 0 0 3px var(--green-soft);

  /* —— 布局尺寸 —— */
  --topbar-h: 60px;          /* 顶栏高度（列表/报告浮窗均自此线以下排布） */
  --rail-w: clamp(280px, 24vw, 360px);  /* 左侧报告记录列表宽（原型 ≈340px @1440） */
  --content-max: 760px;      /* 报告正文最大宽 */
  --dock-max: 660px;         /* 中央搜索 dock 最大宽 */

  /* —— 动效 —— */
  --t-fast: .14s;
  --t-base: .18s;
  --t-input: .15s;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

/* Manrope：优先本机已装；否则自托管 woff2（CSP default-src 'self' 禁外链字体）。
   生产把 Manrope-{500,600,700,800}.woff2 放入 css/fonts/ 即可像素级还原；
   缺失时自动回退到 PingFang SC / 微软雅黑 / 系统栈，布局与配色不受影响。 */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: local('Manrope'), url('fonts/Manrope-Variable.woff2') format('woff2');
}