/*
  Self-hosted web fonts for Epuse360SurveyManagement.

  Replaces all fonts.googleapis.com / fonts.gstatic.com links across the
  app so production traffic never depends on Google's CDN at runtime.
  Files live under /wwwroot/fonts/ and are bundled with the deployment.

  Subsetting note: only the "latin" subset is shipped (ASCII + the small
  set of accented characters required for European names / product copy).
  This keeps the total payload under ~170 KB across all weights. If a
  campaign ever needs Cyrillic / Greek / etc., add the matching subset
  files (e.g. inter-cyrillic-400-normal.woff2) and a second @font-face
  block with the appropriate `unicode-range` descriptor.

  Sources (Apache 2.0 / OFL — see project NOTICE):
    Inter              v5.0.20  (@fontsource/inter)
    DM Serif Display   v5.0.18  (@fontsource/dm-serif-display)
    Material Symbols Outlined   fonts.google.com
*/

/* ---- Inter ------------------------------------------------------- */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/fonts/inter/Inter-Latin-800.woff2') format('woff2');
}

/* ---- DM Serif Display -------------------------------------------- */

@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/dm-serif-display/DMSerifDisplay-Latin-400.woff2') format('woff2');
}

/* ---- Material Symbols Outlined ----------------------------------- */
/*
  Same TTF file that was previously referenced via
  material-symbols-outlined-local.css. Kept as TTF (rather than woff2)
  because the existing file ships with the deployment and the .ttf
  contains the full ligature set the icons rely on.

  The companion `.material-symbols-outlined` class declaration is
  intentionally retained here (instead of being deferred to the
  consuming page's own stylesheet) so dropping a `<link>` to fonts.css
  is enough to render icons correctly anywhere — including PDF / PPT
  exports rendered by IronPdf where Google's CDN is unreliable.
*/

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/MaterialSymbolsOutlined-400.ttf') format('truetype');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined', sans-serif !important;
    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-smoothing: antialiased;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}