// Fallback
import materialSymbolsOutlined from './fonts/material-symbols-outlined.woff2';
// Work Sans fonts (single imports reused in multiple weights/ranges)
import workSansVietnamese from './fonts/work-sans-vietnamese.woff2';
import workSansLatinExt from './fonts/work-sans-latin-ext.woff2';
import workSansLatin from './fonts/work-sans-latin.woff2';
export const injectFontFaces = () => {
    const style = document.createElement('style');
    style.textContent = `
    /* Material Symbols Outlined fallback */
    @font-face {
      font-family: 'Material Symbols Outlined';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(${materialSymbolsOutlined}) format('woff2');
    }

    /* Work Sans 300 - vietnamese */
    @font-face {
      font-family: 'Work Sans';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(${workSansVietnamese}) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* Work Sans 300 - latin-ext */
    @font-face {
      font-family: 'Work Sans';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(${workSansLatinExt}) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
        U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* Work Sans 300 - latin */
    @font-face {
      font-family: 'Work Sans';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(${workSansLatin}) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* Repeat for each weight: 400, 500, 600, 700, 800 */

    ${[400, 500, 600, 700, 800]
        .map((weight) => `
      /* Work Sans ${weight} - vietnamese */
      @font-face {
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: ${weight};
        font-display: swap;
        src: url(${workSansVietnamese}) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
          U+0329, U+1EA0-1EF9, U+20AB;
      }
      /* Work Sans ${weight} - latin-ext */
      @font-face {
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: ${weight};
        font-display: swap;
        src: url(${workSansLatinExt}) format('woff2');
        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
          U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
          U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* Work Sans ${weight} - latin */
      @font-face {
        font-family: 'Work Sans';
        font-style: normal;
        font-weight: ${weight};
        font-display: swap;
        src: url(${workSansLatin}) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
          U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }
    `)
        .join('')}

    /* Material Symbols utility class */
    .material-symbols-outlined {
      font-family: 'Material Symbols Outlined';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
    }
  `;
    document.head.appendChild(style);
};
