/* fonts.css - 字体定义文件 */
/* 基于实际字体文件的完整字体配置 */

/* ==========================================================================
   Proxima Nova 字体系列 - 主要正文字体
   ========================================================================== */

/* Proxima Nova - 200 Light */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proxima-nova/Proxima-Nova-W10-200.woff2') format('woff2'),
         url('proxima-nova/Proxima-Nova-W10-200.woff') format('woff'),
         url('proxima-nova/Proxima-Nova-W10-200.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova - 400 Regular */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proxima-nova/Proxima-Nova-W10-400.woff2') format('woff2'),
         url('proxima-nova/Proxima-Nova-W10-400.woff') format('woff'),
         url('proxima-nova/Proxima-Nova-W10-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova - 500 Medium */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proxima-nova/Proxima-Nova-W10-500.woff2') format('woff2'),
         url('proxima-nova/Proxima-Nova-W10-500.woff') format('woff'),
         url('proxima-nova/Proxima-Nova-W10-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova - 600 SemiBold */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proxima-nova/Proxima-Nova-W10-600.woff2') format('woff2'),
         url('proxima-nova/Proxima-Nova-W10-600.woff') format('woff'),
         url('proxima-nova/Proxima-Nova-W10-600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova - 800 ExtraBold */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proxima-nova/Proxima-Nova-W10-800.woff2') format('woff2'),
         url('proxima-nova/Proxima-Nova-W10-800.woff') format('woff'),
         url('proxima-nova/Proxima-Nova-W10-800.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova 备用文件 - Light */
@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('proxima-nova/prixima-nova-light.woff') format('woff'),
         url('proxima-nova/prixima-nova-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova 备用文件 - Regular */
@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('proxima-nova/prixima-nova-regular.woff') format('woff'),
         url('proxima-nova/prixima-nova-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova 备用文件 - SemiBold */
@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('proxima-nova/prixima-nova-sbold.woff') format('woff'),
         url('proxima-nova/prixima-nova-sbold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova 备用文件 - Bold */
@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('proxima-nova/prixima-nova-bold.woff') format('woff'),
         url('proxima-nova/prixima-nova-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova 备用文件 - ExtraBold */
@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('proxima-nova/prixima-nova-xbold.woff') format('woff'),
         url('proxima-nova/prixima-nova-xbold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Metropolis 字体系列 - Proxima Nova 的免费替代方案
   ========================================================================== */

/* Metropolis - 100 Thin */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Thin.woff2') format('woff2'),
         url('metropolis/Metropolis-Thin.woff') format('woff'),
         url('metropolis/Metropolis-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 100 Thin Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-ThinItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-ThinItalic.woff') format('woff'),
         url('metropolis/Metropolis-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 200 ExtraLight */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-ExtraLight.woff2') format('woff2'),
         url('metropolis/Metropolis-ExtraLight.woff') format('woff'),
         url('metropolis/Metropolis-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 200 ExtraLight Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-ExtraLightItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-ExtraLightItalic.woff') format('woff'),
         url('metropolis/Metropolis-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 300 Light */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Light.woff2') format('woff2'),
         url('metropolis/Metropolis-Light.woff') format('woff'),
         url('metropolis/Metropolis-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 300 Light Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-LightItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-LightItalic.woff') format('woff'),
         url('metropolis/Metropolis-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 400 Regular */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Regular.woff2') format('woff2'),
         url('metropolis/Metropolis-Regular.woff') format('woff'),
         url('metropolis/Metropolis-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 400 Regular Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-RegularItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-RegularItalic.woff') format('woff'),
         url('metropolis/Metropolis-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 500 Medium */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Medium.woff2') format('woff2'),
         url('metropolis/Metropolis-Medium.woff') format('woff'),
         url('metropolis/Metropolis-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 500 Medium Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-MediumItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-MediumItalic.woff') format('woff'),
         url('metropolis/Metropolis-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 600 SemiBold */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-SemiBold.woff2') format('woff2'),
         url('metropolis/Metropolis-SemiBold.woff') format('woff'),
         url('metropolis/Metropolis-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 600 SemiBold Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-SemiBoldItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-SemiBoldItalic.woff') format('woff'),
         url('metropolis/Metropolis-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 700 Bold */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Bold.woff2') format('woff2'),
         url('metropolis/Metropolis-Bold.woff') format('woff'),
         url('metropolis/Metropolis-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 700 Bold Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-BoldItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-BoldItalic.woff') format('woff'),
         url('metropolis/Metropolis-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 800 ExtraBold */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-ExtraBold.woff2') format('woff2'),
         url('metropolis/Metropolis-ExtraBold.woff') format('woff'),
         url('metropolis/Metropolis-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 800 ExtraBold Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-ExtraBoldItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-ExtraBoldItalic.woff') format('woff'),
         url('metropolis/Metropolis-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Metropolis - 900 Black */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-Black.woff2') format('woff2'),
         url('metropolis/Metropolis-Black.woff') format('woff'),
         url('metropolis/Metropolis-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Metropolis - 900 Black Italic */
@font-face {
    font-family: 'Metropolis';
    src: url('metropolis/Metropolis-BlackItalic.woff2') format('woff2'),
         url('metropolis/Metropolis-BlackItalic.woff') format('woff'),
         url('metropolis/Metropolis-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
   Bebas Neue 字体系列 - 标题字体（加粗、紧凑、窄体）
   ========================================================================== */

/* Bebas Neue - Regular */
@font-face {
    font-family: 'Bebas Neue';
    src: url('bebas-neue/BebasNeue-Regular.woff2') format('woff2'),
         url('bebas-neue/BebasNeue-Regular.woff') format('woff'),
         url('bebas-neue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   JetBrains Mono 字体系列 - 数值和代码字体（等宽字体）
   ========================================================================== */

/* JetBrains Mono - 100 Thin */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Thin.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 100 Thin Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-ThinItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 200 ExtraLight */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-ExtraLight.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 200 ExtraLight Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 300 Light */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Light.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 300 Light Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-LightItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 400 Regular */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 400 Regular Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Italic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 500 Medium */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 500 Medium Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-MediumItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 600 SemiBold */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-SemiBold.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 600 SemiBold Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 700 Bold */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-Bold.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 700 Bold Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-BoldItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* JetBrains Mono - 800 ExtraBold */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-ExtraBold.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono - 800 ExtraBold Italic */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff2') format('woff2'),
         url('jetbrains-mono/JetBrainsMono-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
   JetBrains Mono NL (No Ligatures) - 无连字版本
   适用于需要明确区分字符的场景，如数据表格、代码显示等
   ========================================================================== */

/* JetBrains Mono NL - 100 Thin */
@font-face {
    font-family: 'JetBrains Mono NL';
    src: url('jetbrains-mono/JetBrainsMonoNL-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono NL - 400 Regular */
@font-face {
    font-family: 'JetBrains Mono NL';
    src: url('jetbrains-mono/JetBrainsMonoNL-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono NL - 500 Medium */
@font-face {
    font-family: 'JetBrains Mono NL';
    src: url('jetbrains-mono/JetBrainsMonoNL-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono NL - 600 SemiBold */
@font-face {
    font-family: 'JetBrains Mono NL';
    src: url('jetbrains-mono/JetBrainsMonoNL-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono NL - 700 Bold */
@font-face {
    font-family: 'JetBrains Mono NL';
    src: url('jetbrains-mono/JetBrainsMonoNL-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   字体使用指南和最佳实践
   ========================================================================== */

/*
📝 字体使用建议：

1. 正文内容推荐字体栈：
   font-family: 'Proxima Nova', 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

2. 标题推荐字体栈：
   font-family: 'Bebas Neue', 'Arial Black', 'Helvetica Bold', sans-serif;

3. 数值/代码推荐字体栈：
   font-family: 'JetBrains Mono', 'JetBrains Mono NL', 'Fira Code', 'Courier New', monospace;

4. 权重对照表：
   font-weight: 100; // Thin
   font-weight: 200; // ExtraLight  
   font-weight: 300; // Light
   font-weight: 400; // Regular (默认)
   font-weight: 500; // Medium
   font-weight: 600; // SemiBold
   font-weight: 700; // Bold
   font-weight: 800; // ExtraBold
   font-weight: 900; // Black

5. 使用示例：
   .body-text { font-family: 'Proxima Nova', 'Metropolis', sans-serif; font-weight: 400; }
   .hero-title { font-family: 'Bebas Neue', sans-serif; font-weight: 400; }
   .price-display { font-family: 'JetBrains Mono', monospace; font-weight: 500; }
   .data-table { font-family: 'JetBrains Mono NL', monospace; font-weight: 400; }

⚠️ 性能提示：
- 优先加载基础权重（400, 500, 700）
- 根据需要懒加载其他权重
- 使用 font-display: swap 避免字体闪烁
- WOFF2 格式优先，提供 TTF 作为回退
*/