/* ===== 设计 token（官网 / 社区站共用）=====
 *
 * 这份文件在两个站各有一份**逐字节相同**的副本：
 *   fantool.xyz/assets/css/tokens.css
 *   community.fantool.xyz/assets/css/tokens.css
 * 两个站是不同域名，浏览器不能共用同一个文件，只能各放一份。
 * 复制一份就必然会漂移，所以漂移必须是**会报错**的事：
 *   python tests/check_design_tokens_sync.py   ← 断言两份完全一致
 *
 * 取值不是拍脑袋定的，来自 19 个页面的实测清单
 * （docs/设计系统取值清单_20260821.md，量的是 getComputedStyle 的生效值）。
 * 收敛的原则是「取用得最多的那一档当基线」，不是「另起一套新的」。
 */

:root {
    /* ---- 标题 ----
     * 实测：16 个页面 7 种字号 × 4 种字重，同一个产品的两个首页
     * 一个 76px/700、一个 30px/300（细体）。收成三档，字重只留 700。
     * 300 那档整个废掉：细体在中文小字号上本来就吃亏，它是社区首页
     * 「不像主站」的直接来源之一。 */
    --fs-h1-display: 56px;   /* 落地页主标题：只有官网首页用 */
    --fs-h1-page: 40px;      /* 页面标题：内容页、社区各页 */
    --fs-h1-compact: 28px;   /* 轻量页：404、登录卡上的站名 */
    --fw-h1: 700;

    /* ---- 卡片圆角 ----
     * 实测 11 种，但长尾很短：22px 一档就占 88 次 / 10 个页面，
     * 已经是事实上的主档，其余各自集中在 1-3 个页面上。 */
    --radius-card: 22px;        /* 主档 */
    --radius-card-sm: 14px;     /* 小卡、轻量页 */
    --radius-card-inner: 12px;  /* 卡内的块、素材包规范页、alert */

    /* ---- 字体栈 ----
     * 实测 3 种。'Noto Sans SC' 不下载网页字体，它被 assets/vendor/fonts.css
     * 用 @font-face + local() 别名到系统中文字体（Windows 上是 Microsoft YaHei UI）。
     * ⚠ 所以写了这个栈还不够，**页面必须同时加载 vendor/fonts.css**，
     *   否则别名不存在，会回落到 'Microsoft YaHei'（不是 UI 版，字面宽度不一样）。 */
    --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                 'PingFang SC', 'Microsoft YaHei', sans-serif;
}