/* ── 品牌字体 Outfit ──────────────────────────────────────────────────────────
 * 单独放一个小文件，由 index.html 的 <head> 直接 <link>（+ <link rel=preload>）。
 *
 * 为什么不能把 @font-face 留在 src/globals.css：
 * globals.css 会被打成 ~264KB 的懒加载 CSS chunk（globals-*.css），浏览器要等 JS
 * 执行完才发现它；实测首屏 940ms 就画出文字，而字体请求到 4250ms 才开始，于是先用
 * 回退字体渲染、几秒后"闪"成 Outfit。把字体面提前到 HTML 解析期注册 + 预加载字重，
 * 字体就能在首屏绘制前后就位。
 *
 * 字形本身不裁剪（subset），只是把 TTF 转成 WOFF2：体积 -63%（48KB → 18KB×5）。
 * 保留 TTF 作为老浏览器兜底。
 * ────────────────────────────────────────────────────────────────────────── */
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/Outfit-Regular.woff2) format("woff2"),
         url(/fonts/Outfit-Regular.ttf) format("truetype");
}
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/Outfit-Medium.woff2) format("woff2"),
         url(/fonts/Outfit-Medium.ttf) format("truetype");
}
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/Outfit-SemiBold.woff2) format("woff2"),
         url(/fonts/Outfit-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/Outfit-Bold.woff2) format("woff2"),
         url(/fonts/Outfit-Bold.ttf) format("truetype");
}
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 800 900;
    font-display: swap;
    src: url(/fonts/Outfit-ExtraBold.woff2) format("woff2"),
         url(/fonts/Outfit-ExtraBold.ttf) format("truetype");
}