/* @pv-fallback
   关于我这个 agent · 设计 token

   这份是 **fallback 骨架**，不是某个项目的私有 token：
   变量名与项目 token 对齐，值取自 wb-redesign 参照物（v2），
   目的是让 skill 在还没有 token 的仓库里也能跑出接近的质感。

   有项目真实 token 时，**把它的逐字副本贴到这个文件里覆盖同名变量**
   （或直接用项目 token 文件替换本文件并改 index.html 的 link）。
   不要 @import 外部路径 —— 部署脚本原样拷贝子目录，引外部路径线上会裸奔。

   硬规矩（见 design/prototype-schema/VISUAL-CONTRACT.md）：
     · app.css 一律消费下面这些变量名，不许自建平行体系（例如 --pv-*）
     · 内容侧禁止硬编码 font-family
     · 不许引入其他 skill 的品牌色（#F05A1A 是 brand-figures 的，不是这里的）
*/
:root {
  /* 字体 —— 只有这两个 */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  /* 字号阶梯 —— 不许用中间值 */
  --fs-10: 10px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px;
  --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-24: 24px; --fs-30: 30px;
  --fs-mono: 12.5px;

  /* 字重 —— 550 / 650 是非常规值，正是质感来源，别用 500/600/700 顶替 */
  --fw-body: 400; --fw-ui: 550; --fw-label: 600; --fw-title: 650;
  --fw-display: 700; --fw-black: 900;

  /* 行高 */
  --lh-body: 1.6; --lh-mono: 1.55; --lh-en: 1.5; --lh-tight: 1.3; --lh-display: 1.0;

  /* 圆角 —— 14 / 18 也是非常规值，别用 12/16 顶替 */
  --r-xs: 4px; --r-sm: 8px; --r: 14px; --r-lg: 18px; --r-2xl: 28px; --r-full: 9999px;

  /* 间距 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-40: 40px; --sp-48: 48px;

  /* 色板 · 浅色。--ink 是暖墨不是纯黑；强调色是蓝不是橙 */
  --canvas:      rgb(250, 249, 248);
  --surface:     rgb(255, 255, 255);
  --raised:      rgb(255, 255, 255);
  --hover:       rgb(237, 236, 233);
  --border:      rgba(39, 39, 42, 0.14);
  --border-soft: rgba(39, 39, 42, 0.065);
  --ink:         rgb(34, 31, 28);
  --ink-2:       rgb(121, 114, 103);
  --ink-2-deep:  rgb(108, 101, 90);
  --ink-3:       rgb(134, 132, 130);
  --brand:       rgb(81, 139, 219);
  --brand-ink:   oklch(0.545 0.155 255);
  --brand-soft:  rgba(81, 139, 219, 0.12);
  --on-brand:    rgb(255, 255, 255);
  --ok:          oklch(0.50 0.13 150);
  --warn:        oklch(0.62 0.13 75);
  --warn-soft:   oklch(0.62 0.13 75 / 12%);
  --danger:      oklch(0.56 0.20 25);
  --danger-soft: oklch(0.56 0.20 25 / 10%);
  --sh-1: 0 1px 2px rgba(0,0,0,.05);
  --sh-2: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);
}

/* 色板 · 深色。底色是暖调深灰（29,27,24），不是纯黑。--brand 深浅两套相同 */
:root[data-theme="dark"] {
  --canvas:      rgb(29, 27, 24);
  --surface:     rgb(34, 31, 28);
  --raised:      rgb(42, 39, 35);
  --hover:       rgb(48, 45, 40);
  --border:      rgba(245, 245, 245, 0.10);
  --border-soft: rgba(245, 245, 245, 0.06);
  --ink:         rgb(245, 245, 245);
  --ink-2:       rgb(176, 168, 156);
  --ink-2-deep:  rgb(190, 182, 170);
  --ink-3:       rgb(140, 134, 126);
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.5);
}