/* ============================================================
   team-brain · 真相层 GUI — 设计 token
   ------------------------------------------------------------
   来源：web/web-design.pen（F · Mono Console 体系）
   用途：未来落地 web/ 前端时的「原料」单一真相源。
         .pen 负责 look，本文件负责把散落硬编码的值收口成变量。
   说明：当前 web/app.css 是旧绿色主题、线上在跑的版本，
         本文件尚未接线；重写前端时让 app.css @import 它，
         或直接以本文件的 :root 为准。
   注意：这里的 "token" 是设计令牌，与服务端 Bearer token 无关。
   ============================================================ */

:root {
  /* ---- 颜色 · 表面 ---------------------------------------- */
  --bg:            #fbfbf9;  /* 页面底色 */
  --surface:       #ffffff;  /* 面板 / 卡片 / 表格 */
  --surface-side:  #f6f5f0;  /* 左侧栏底色 */
  --surface-sunk:  #f0efe9;  /* ⌘K 提示等下沉小块 */
  --surface-chip:  #eceae3;  /* 中性头像 / chip 底 */

  /* ---- 颜色 · 文字 ---------------------------------------- */
  --ink:           #1a1a17;  /* 主文字 / 标题 */
  --ink-prose:     #3a3833;  /* 正文长文（文档阅读） */
  --muted:         #6e6b63;  /* 次要文字 / 元信息（调深至 ~AA 对比度）*/
  --muted-soft:    #7b7871;  /* 更弱的次要文字（时间、计数）*/
  --faint:         #918d84;  /* 大写小标签 / placeholder（多为大写/装饰）*/

  /* ---- 颜色 · 线 ------------------------------------------ */
  --line:          #e3e1db;  /* 描边 / 分隔线 / hairline */
  --line-soft:     #d6d3ca;  /* 面包屑分隔符等更轻的线 */

  /* ---- 颜色 · 强调（唯一彩色） ---------------------------- */
  --green:         #15803d;  /* 主强调：你 / 活跃 / CTA / 命中 */
  --green-12:      #15803d1f; /* 命中高亮底 ~12% */
  --green-08:      #15803d14; /* active tag 底 ~8% */
  --green-05:      #15803d0d; /* note callout 底 ~5% */
  --amber:         #b45309;  /* 警示：未推 / 需关注 */
  --red:           #c0392b;  /* 浅红：仓库卡片「未推」内联提示文字 */

  /* ---- 字体 ----------------------------------------------- */
  /* Geist Mono：全站控制台主字（导航、表格、元信息、代码）   */
  /* Geist：     页面大标题 + 文档正文长文（更易读）          */
  /* CJK 走系统回退（PingFang / 微软雅黑），不引 Google CDN   */
  /* 当前自托管 JetBrains Mono / Inter（web/fonts/）；Geist 留作首选，丢入 woff2 即生效 */
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-sans: "Geist", Inter, -apple-system, "PingFang SC",
               "Microsoft YaHei", sans-serif;

  /* ---- 字号（fontSize，px） ------------------------------- */
  --fz-title-xl: 30px; /* 文档标题 */
  --fz-title:    26px; /* 页面标题 */
  --fz-h2:       19px; /* 文档段落标题 */
  --fz-stat:     18px; /* 统计数字 / 计数 */
  --fz-lead:     16px; /* 文档正文 */
  --fz-body:     15px; /* 卡片主名 / 列表项 */
  --fz-input:    14px; /* 搜索输入 */
  --fz-nav:      13px; /* 导航 / 面包屑 / 正文行 */
  --fz-row:    12.5px; /* 表格单元 / 元信息 */
  --fz-meta:     12px; /* 小元信息 */
  --fz-meta-sm:  11px; /* 更小元信息 / tag */
  --fz-label:  10.5px; /* 大写分组标签（SPACES / 材料） */

  /* ---- 字重 ----------------------------------------------- */
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold:   600; /* 「加粗」上限，不用 700 */

  /* ---- 字距（大写标签用） -------------------------------- */
  --ls-label: 1.5px;
  --ls-tag:   1px;

  /* ---- 行高 ----------------------------------------------- */
  --lh-prose: 1.65; /* 长文 */
  --lh-tight: 1.6;

  /* ---- 间距尺度（padding / gap，px） --------------------- */
  --sp-1:  4px;
  --sp-2:  6px;
  --sp-3:  8px;
  --sp-4:  11px;
  --sp-5:  14px;
  --sp-6:  16px;
  --sp-7:  18px;
  --sp-8:  20px;
  --sp-9:  26px;
  --sp-10: 30px;
  --sp-edge: 32px; /* 内容区左右留白 */

  /* ---- 圆角 ----------------------------------------------- */
  --r-sm:   4px;  /* ⌘K 等小块 */
  --r-chip: 5px;  /* tag / pill */
  --r-md:   6px;  /* 导航项 / 按钮 / chip */
  --r-lg:   8px;  /* 面板 / 卡片 */
  --r-full: 999px;/* 头像 / 圆点 */

  /* ---- 描边 ----------------------------------------------- */
  --bw:     1px;  /* 默认描边 */
  --bw-active: 3px;/* 导航 active 左侧强调条 */

  /* ---- 布局常量 ------------------------------------------- */
  --sidebar-w:  248px;
  --topbar-h:   52px;
  --reader-w:   720px; /* 阅读页正文列宽 */
}

/* 组件样式不在此文件：本文件只作【设计 token 单一真相源】（:root 变量）。
   组件实现见 web/app.css（用上面的变量拼装、全站复用）。 */
