/* ============================================================================
 * TokModel 设计令牌（单一真相源 / single source of truth）
 * ----------------------------------------------------------------------------
 * 全部主站页面的样式变量都在这里定义，页面内联 <style> 不再各自声明 :root。
 * 引用方式：<link rel="stylesheet" href="/tokens.css"> 放在页面内联样式之前。
 *
 * 这个文件是无指纹命名（tokens.css），命中 nginx 的 `\.(html|js|css)$`
 * → Cache-Control: no-cache，改动即时生效，不需要重新指纹化。
 *
 * 可读性修正均经 WCAG 2.1 对比度实测，数值见每行注释。
 * 背景基准：--surface #FFFFFF / --bg #F4F5F7 / --navy #070B1E
 * ==========================================================================*/

:root{
  /* ---- 表面 surface ---- */
  --bg:            #F4F5F7;
  --surface:       #FFFFFF;        /* 统一：原有一半页面写 #FFF，一半写 #FFFFFF */
  --line:          #E3E5EA;
  --line-dark:     #D3D6DD;        /* 原 #D8D6D0 为上一版暖灰残留，改冷灰 */

  /* ---- 文字 ink ---- */
  --ink:           #0C0E14;        /* 白底 18.9:1 */
  --ink-2:         #4C5058;        /* 白底  8.09:1 */
  --ink-3:         #68707C;        /* ★ 原 #9AA0AA 白底 2.63 / 灰底 2.41，均不达标；
                                        改后 白底 5.00 / 灰底 4.59，双底达 AA。 */

  /* ---- 品牌 brand ---- */
  --brand:         #6C3BFA;        /* 白底 5.76:1 ✅ 未改动 */
  --brand-2:       #9B72FF;        /* 渐变副色，仅用于渐变 */
  --brand-soft:    rgba(108,59,250,.07);   /* 统一：原有 .06 / .07 两个值 */
  --cyan:          #C9A8FF;        /* 命名遗留，实际是浅紫；保留名称以免破坏引用 */
  --navy:          #070B1E;
  --navy-2:        #0D1533;

  /* ---- 语义 semantic ---- */
  --ok:            #15803D;        /* ★ 原 #16A34A 白底 3.30 / 灰底 3.02 → 5.02 / 4.60 */
  --warn:          #B45309;        /* ★ 原 #D97706 白底 3.19 → 5.02 / 4.60 */
  --danger:        #C41E1E;        /* ★ 原 #DC2626 灰底 4.43（差一点）→ 5.42 / 5.91。
                                        再深一档是为了覆盖「浅红底上的红字」场景：
                                        docs 的 .req 底色为 rgba(220,38,38,.08)，
                                        #CE2020 在其上仅 4.43，本值可到 5.23。 */

  /* ---- 焦点 ---- */
  --shared-focus:  #6C3BFA;

  /* ---- 字体 family（收敛到 2 套：Archivo + JetBrains Mono）---- */
  --font: "Archivo", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif;
  --mono: "JetBrains Mono", monospace;
  --disp: "Archivo", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif;
  /*       ^ 原为 "Space Grotesk"，该家族已下线，回退到 Archivo */

  /* ---- 字号 scale（35 档 → 13 档；12px 为绝对下限）---- */
  --fs-xs:   12px;   /* 标签 / 表头 / 脚注 —— 低于 12px 一律并入此档 */
  --fs-sm:   13px;   /* 次要正文 */
  --fs-md:   14px;   /* 正文 */
  --fs-lg:   15px;   /* 正文强调 / 按钮 */
  --fs-xl:   16px;   /* 小标题 */
  --fs-2xl:  17px;   /* 卡片标题 */
  --fs-3xl:  18px;   /* 区块小标题 */
  --fs-4xl:  20px;   /* 区块标题 */
  --fs-5xl:  22px;   /* 大区块标题 */
  --fs-6xl:  26px;   /* h3 级 */
  --fs-7xl:  30px;   /* h2 级 */
  --fs-8xl:  36px;   /* h1 级 */
  --fs-9xl:  46px;   /* 首屏 */

  /* ---- 圆角 radius（23 种 → 6 种）---- */
  --r-xs:    6px;    /* 小标记、代码 */
  --r-sm:    8px;    /* 按钮、输入框 */
  --r-md:   10px;    /* 中卡片 */
  --r-lg:   12px;    /* 卡片 */
  --r-xl:   16px;    /* 大面板 */
  --r-2xl:  24px;    /* 特大容器 */
  --r-pill: 999px;   /* 胶囊 */

  /* ---- 阴影 shadow（36 种 → 5 种 + 1 焦点环）---- */
  --sh-xs:      0 1px 2px rgba(12,14,20,.05);
  --sh-sm:      0 4px 12px -4px rgba(12,14,20,.08);
  --sh-md:      0 14px 34px -14px rgba(12,14,20,.16);
  --sh-lg:      0 30px 70px -30px rgba(7,11,30,.20);
  --sh-brand:   0 14px 32px -10px rgba(108,59,250,.5);
  --sh-focus:   0 0 0 3px rgba(108,59,250,.15);
}