/**
  When adding fonts here, make sure to add them using a base64 data uri, otherwise
  fonts loading are delayed, and text may get displayed incorrectly.
*/

/* https://github.com/unoplatform/uno/issues/3954 */
@font-face {
  font-family: 'Segoe UI';
  src: local('Segoe UI'), local('-apple-system'), local('BlinkMacSystemFont'), local('Inter'), local('Cantarell'), local('Ubuntu'), local('Roboto'), local('Open Sans'), local('Noto Sans'), local('Helvetica Neue'), local('sans-serif');
}

/*
  Brand faces for docs/design/design-system.md section 3. Vendored under Assets/Fonts rather than linked
  from Google Fonts - this is the only surface minors sign in to, and a third-party font request would
  disclose their IP on every load. See Assets/Fonts/README.md.

  Paths are relative to this stylesheet, which the build drops into wwwroot/package_<hash>/ alongside the
  Assets tree - so "./Assets/Fonts/x.woff2" lands on package_<hash>/Assets/Fonts/x.woff2, the same shape as
  the Roboto entries below. font-display: swap keeps text visible while they load; on the measured 16 s
  cold load a blocking font would be the wrong trade.

  Archivo and IBM Plex Sans are variable fonts, so one file covers the whole weight range and, for
  Archivo, the width axis the display scale uses.
*/
@font-face {
  font-family: 'Archivo';
  src: url(./Assets/Fonts/Archivo-Variable.woff2) format('woff2-variations');
  font-weight: 400 700;
  font-stretch: 62% 125%;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url(./Assets/Fonts/IBMPlexSans-Variable.woff2) format('woff2-variations');
  font-weight: 100 700;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url(./Assets/Fonts/IBMPlexMono-Regular.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Light.ttf) format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Medium.ttf) format('truetype');
  font-weight: 500;
}