text: import Typography from 'typography';
  
  const config = require('../../config/SiteConfig');
  
  const typography = new Typography({
    title: 'Minimal',
    baseFontSize: config.baseFontSize,
    baseLineHeight: 1.66,
    scaleRatio: 3.157,
    headerFontFamily: [config.headerFontFamily, '-apple-system', 'system-ui', '微軟正黑體', 'microsoft jhenghei', 'sans-serif'],
    bodyFontFamily: [config.bodyFontFamily, '-apple-system', 'system-ui', '微軟正黑體', 'microsoft jhenghei', 'sans-serif'],
    headerWeight: 700,
    googleFonts: [
      {
        name: config.headerFontFamily,
        styles: ['700'],
      },
      {
        name: config.bodyFontFamily,
        styles: ['400'],
      },
    ],
  });
  
  // Hot reload typography in development.
  if (process.env.NODE_ENV !== 'production') {
    typography.injectStyles();
  }
  
  export default typography;
  