/* ===================================================================
 * fonts.css — @font-face declarations
 *
 * Fonts in use:
 *   Frank Ruhl Libre  headings h1–h6, blockquote, 404 code
 *     400  frank-ruhl-libre-v23-latin-regular.woff2
 *     500  frank-ruhl-libre-v23-latin-500.woff2
 *
 *   Lora  body text, em/i (italic), strong/b (700)
 *     400 normal   lora-v37-latin-regular.woff2
 *     700 normal   lora-v37-latin-700.woff2
 *     400 italic   lora-v37-latin-italic.woff2
 *
 *   Roboto  nav, labels, timeline, buttons, section headings
 *     300  roboto-v51-latin-300.woff2
 *     400  roboto-v51-latin-regular.woff2
 *     500  roboto-v51-latin-500.woff2
 *     600  roboto-v51-latin-600.woff2
 *     700  roboto-v51-latin-700.woff2
 *
 * All files are latin-subsetted. Paths are absolute.
 * =================================================================== */

/* Frank Ruhl Libre
 * ------------------------------------------------------------------- */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/frank-ruhl-libre-v23-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/frank-ruhl-libre-v23-latin-500.woff2') format('woff2');
}

/* Lora
 * ------------------------------------------------------------------- */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lora-v37-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/lora-v37-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lora-v37-latin-italic.woff2') format('woff2');
}

/* Roboto
 * ------------------------------------------------------------------- */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/roboto-v51-latin-300.woff2') format('woff2');
}

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

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

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

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