/*
 * SERCA / EarthRanger web typography: Roboto body, PP Telegraf headings,
 * Roboto Mono (theme.js `fonts`). Self-hosted, Regular and Bold only, latin
 * subset, and font-display: optional so a slow font never blocks rendering or
 * shifts layout in low-bandwidth conditions.
 *
 * Served from public/ and linked in pages/_document.js under
 * NEXT_PUBLIC_BASE_PATH, like the logo and favicon, so the url()s below resolve
 * relative to this file. Not next/font or a webpack CSS import: next/font
 * rejects the relative assetPrefix ('.') used for JupyterHub, and
 * webpack-emitted CSS url()s break under it.
 *
 * Roboto / Roboto Mono: latin subsets from @fontsource (SIL OFL, LICENSE-Roboto).
 * PP Telegraf: Ai2's licensed "Custom" cut from Pangram Pangram.
 */

@font-face {
  font-family: 'Roboto';
  src: url('./roboto-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Roboto';
  src: url('./roboto-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('./roboto-mono-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('./roboto-mono-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'PP Telegraf';
  src: url('./PPTelegrafCustom-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'PP Telegraf';
  src: url('./PPTelegrafCustom-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}