/* ==========================================================================
   Poppins —— 字体声明
   --------------------------------------------------------------------------
   性能改造（两轮，合计把一个页面的字体流量从约 2776 KB 压到 206 KB）：

   1) TTF -> WOFF2。同一份字形只换容器，渲染结果完全一致，
      18 个字重合计 2776 KB -> 926 KB。
   2) 子集化（subset）。Poppins 在主题的 font-family 栈排第一，但本站内容是中文：
      中文因 Poppins 无字形而回退，**真正用 Poppins 渲染的只有拉丁字母、数字和常见标点**。
      而字体没有 unicode-range 时浏览器会整包下载 —— 里面 78% 是本站永远用不到的码位
      （西里尔、希腊、天城文、越南语扩展……）。因此只保留：
        拉丁基本区 + 拉丁补充 + 拉丁扩展 A/B + 组合附加符 + 越南语扩展
        + 常用标点 + 上下标 + 货币符号 + 字母式符号 + 箭头 + 数学算子 + 几何/杂项符号 + fi/fl 连字
      926 KB -> 206 KB（22%）。常用 4 档（400/500/600/700）合计 193 KB -> 42 KB。
      ★刻意**不加 unicode-range**：字体选择行为与改造前逐字一致，只有文件体积变小；
        Poppins 里本来没有的码位（中文、▶ U+25B6 等）照旧回退到后一个字体，不产生任何视觉变化。
      ★代价：西里尔 / 希腊 / 天城文（印地语）文本不再由 Poppins 渲染，会回退到中文字体。
        如需恢复，用 .workbuddy/build/circl_fonts_woff2_full/ 里的全量文件覆盖回去即可。
   3) 补 font-display: swap。原写法缺失该属性，浏览器会先"隐形"最多 3 秒（FOIT）再显示文字；
      swap 让文字立刻用系统字体显示，字体到位后再换。
   4) WOFF2 自 2016 年起被所有主流浏览器支持，故不保留 TTF 回退
      （如确需兼容古董浏览器，把 .woff2 还原成 .ttf 并把 format 改回 truetype）。
   ========================================================================== */

/* Poppins Thin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Thin.woff2') format('woff2');
}

/* Poppins Thin Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-ThinItalic.woff2') format('woff2');
}

/* Poppins ExtraLight */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-ExtraLight.woff2') format('woff2');
}

/* Poppins ExtraLight Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2');
}

/* Poppins Light */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Light.woff2') format('woff2');
}

/* Poppins Light Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-LightItalic.woff2') format('woff2');
}

/* Poppins Regular */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2');
}

/* Poppins Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Italic.woff2') format('woff2');
}

/* Poppins Medium */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Medium.woff2') format('woff2');
}

/* Poppins Medium Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-MediumItalic.woff2') format('woff2');
}

/* Poppins SemiBold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
}

/* Poppins SemiBold Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2');
}

/* Poppins Bold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Bold.woff2') format('woff2');
}

/* Poppins Bold Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-BoldItalic.woff2') format('woff2');
}

/* Poppins ExtraBold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-ExtraBold.woff2') format('woff2');
}

/* Poppins ExtraBold Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2');
}

/* Poppins Black */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Black.woff2') format('woff2');
}

/* Poppins Black Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/poppins/Poppins-BlackItalic.woff2') format('woff2');
}