/* Self-hosted fonts.
 *
 * The build inlines Google's @font-face rules into index.html pointing at
 * fonts.gstatic.com, with no font-display set. On Ethiopian routes that host
 * hangs rather than failing fast, and the default font-display:auto means the
 * browser hides the text and the icon glyphs while it waits — so the page
 * arrives as a near-empty card with a few tofu boxes where the buttons are.
 * Manrope was already self-hosted for exactly this reason; these rules finish
 * the job so nothing on the page depends on a network we do not control.
 *
 * Loaded after the inlined block, so these definitions win.
 */

/* Icons: `block` rather than `swap`, because a swap period would flash the
 * ligature text — the word "delete" where the bin should be. */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/brand/fonts/material-icons.woff2) format('woff2');
}

/* Angular Material asks for Roboto in places our own rules do not reach.
 * Point it at the brand face we already ship: the page renders in Manrope
 * either way, and no request leaves for gstatic. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/fonts/manrope-3.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/fonts/manrope-3.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/fonts/manrope-3.woff2) format('woff2');
}

/* Roboto Mono is used for the odd code/reference string; the system
 * monospace is a better substitute than a proportional face. */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SF Mono'), local('Menlo'), local('Consolas'),
       local('DejaVu Sans Mono'), local('Courier New');
}