/* THE THREE FACES OF THE CONSOLE, SERVED FROM THIS MACHINE.
 *
 * Not Google Fonts. Two reasons, and the second is the real one:
 *
 *   1. It is faster and it cannot fail. A stylesheet on fonts.googleapis.com
 *      is a third-party request in the critical path; when it is slow or
 *      blocked the whole page waits, and when it is unreachable the design
 *      silently falls back to Arial. The old index.html and login.html did
 *      exactly this and nobody would have noticed the day it broke.
 *
 *   2. THE HOMEPAGE PROMISES NOTHING LEAVES YOUR MACHINE. A font request
 *      tells Google the IP address of every visitor, on the page where we
 *      say that. Self-hosting is what makes the sentence true.
 *
 * Latin subsets only, 156KB for all seven files. `swap` so words are on the
 * screen in the fallback face immediately and reflow when the real one lands -
 * never invisible text.
 */

/* The faceplate display. Condensed, because a channel strip is narrow. */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/fonts/barlow-condensed-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('/fonts/barlow-condensed-700.woff2') format('woff2');
}

/* Prose. A humanist sans that stays readable at 15px on a dark ground. */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/plex-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/plex-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/fonts/plex-sans-600.woff2') format('woff2');
}

/* Anything that is a number: dBFS, LUFS, timecode, channel labels. Mono so
   the digits do not dance while a meter is moving. */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/plex-mono-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/plex-mono-500.woff2') format('woff2');
}