/*
 * 设计令牌（P1 · 2026-10-31）
 *
 * 这是全站唯一出现具体色值、字体栈、圆角、行高的地方。`app.css` / `docs.css` /
 * `docs.html` 的内联规则一律通过 var() 引用这里的槽位，所以设计令牌交付后只改本文件。
 *
 * 色值是把现有页面的颜色原样搬进槽位（近似重复的绿/灰按语义归并到同一槽位），
 * 不是新的配色——真正的取值等设计令牌到位后在这里替换。
 */
:root{
  /* ---- 字体：全站一套字体栈。此前 app.css 的 :root 与 body 各声明一套，互相覆盖。 ---- */
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;

  /* ---- 字号（沿用现有排版尺寸，不新造） ---- */
  --fs-display:35px;
  --fs-3xl:28px;
  --fs-2xl:23px;
  --fs-xl:21px;
  --fs-lg:18px;
  --fs-md:16px;
  --fs-base:15px;
  --fs-sm:14px;
  --fs-body:13px;
  --fs-xs:12px;
  --fs-2xs:11px;
  --fs-3xs:10px;

  /* ---- 行高 ----
   * --lh-flat 存在的理由只有一个：按钮/角标里的单个字形（关闭叉、箭头）必须按自己的
   * 字号占位，任何 >1 的行高都会把它撑高。正文一律用后面四档，不要拿 flat 排正文。 */
  --lh-flat:1;
  --lh-tight:1.3;
  --lh-snug:1.45;
  --lh-base:1.55;
  --lh-loose:1.7;

  /* ---- 间距（4px 栅格） ---- */
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:20px;
  --s-6:24px;
  --s-7:32px;
  --s-8:40px;

  /* ---- 圆角：只有三档。输入/按钮/角标 = sm，卡片/面板 = md，弹窗 = lg。 ---- */
  --r-sm:6px;
  --r-md:8px;
  --r-lg:12px;

  /* ---- 语义色槽位 ---- */
  /* 画布与表面 */
  --c-canvas:#f4f5f7;
  --c-canvas-shell:#dfe2e7;
  --c-surface:#fff;
  --c-surface-muted:#eef1f3;
  --c-surface-sunken:#e9eeeb;

  /* 描边 */
  --c-border:#e8ebed;
  --c-border-subtle:#eef0f1;
  --c-border-on-dark:#ffffff35;
  --c-field-border:#cfdad5;

  /* 文字 */
  --c-text:#1c2530;
  --c-text-strong:#111b25;
  --c-text-muted:#6a7972;
  --c-text-faint:#7b8791;
  --c-on-brand:#fff;
  --c-text-on-dark-muted:#c9e0d6;

  /* 品牌 */
  --c-brand:#127d69;
  --c-brand-hover:#0d6655;
  --c-brand-ink:#147765;
  --c-brand-ink-strong:#174e41;
  --c-brand-surface:#eff8f4;
  --c-brand-border:#9fcabe;
  --c-brand-focus:#a5d9ca;
  --c-brand-dark:#194e42;

  /* 状态 */
  --c-danger:#c35d45;
  --c-danger-ink:#a33a26;
  --c-danger-surface:#fff0ec;
  --c-warn:#d08b42;
  --c-warn-ink:#624321;
  --c-warn-surface:#fff7eb;
  --c-state-pending:#a66b35;
  --c-eyebrow:#b35842;

  /* 中性角标 */
  --c-chip-bg:#eef1f3;
  --c-chip-ink:#5b6a75;

  /* 代码块（接入说明页） */
  --c-code-bg:#1e2d2a;
  --c-code-ink:#eaf4ee;

  /* 弹窗遮罩 */
  --c-overlay:#15231d88;

  /* 选中态描边：不用投影堆叠，用 1px 内描边表达 */
  --ring-selected:inset 0 0 0 1px var(--c-brand);
}