/*
 * Local Fonts CSS
 * Performance optimization: Load fonts locally instead of Google Fonts
 * For Chinese (Noto Sans TC): Uses system fonts (Microsoft JhengHei, PingFang TC)
 */

/* Open Sans - Variable Font (supports weight 300-700) */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('open-sans-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 700;
    font-display: swap;
    src: url('open-sans-italic.woff2') format('woff2');
}

/* Source Sans Pro */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('source-sans-pro-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('source-sans-pro-300-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('source-sans-pro-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('source-sans-pro-400-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('source-sans-pro-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('source-sans-pro-600-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('source-sans-pro-700.woff2') format('woff2');
}

/* Roboto - Variable Font (supports weight 300-900) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('roboto.woff2') format('woff2');
}

/*
 * Noto Sans TC - Uses system Chinese fonts
 * Windows: Microsoft JhengHei
 * macOS/iOS: PingFang TC
 * Fallback: system sans-serif
 */
@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Microsoft JhengHei'),
         local('PingFang TC'),
         local('Noto Sans TC Regular'),
         local('Noto Sans TC');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Microsoft JhengHei'),
         local('PingFang TC Medium'),
         local('Noto Sans TC Medium'),
         local('Noto Sans TC');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Microsoft JhengHei Bold'),
         local('PingFang TC Semibold'),
         local('Noto Sans TC Bold'),
         local('Noto Sans TC');
}
