/* Hotel Boreal — self-hosted webfonts.
 *
 * Replaces SEVEN render-blocking stylesheet requests to fonts.googleapis.com (plus the
 * connection to fonts.gstatic.com) with same-origin files. The source requested six
 * families at 18 weight/style combinations each — 108 in total.
 *
 * What the pages actually render, measured on the built site with getComputedStyle over
 * every element that has visible text, across seven routes:
 *
 *     Roboto                1637 elements   (400, 500, 600, 700, 900)
 *     Wix Madefor Display     47 elements   (400, 600)
 *     Superior                34 elements   (400, 500, 600)
 *     Times                    7 elements   (system fallback, no file needed)
 *
 * Inter, Rubik, Lato and Roboto Slab were requested at 18 variants each and render on
 * zero elements. They are not served here. Note that Roboto — Elementor's default, which
 * wins the cascade almost everywhere — is the real body face; a count of CSS declarations
 * suggests otherwise and is misleading.
 *
 * The files come from the capture (design/fonts/), so they are the same bytes Google was
 * serving and the metrics are unchanged. `font-display: swap` matches what the source's
 * Google Fonts URLs asked for (&display=swap), so first-paint behaviour is the same.
 */

@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Italic is a separate file, not a synthesised slant.
 *
 * Google serves Roboto's italics as their own variable font, and the capture only saved
 * the roman one. Declaring roman alone made every <i> fall back to an oblique with
 * different metrics: measured on /package/, one italic paragraph rewrapped and grew 24px,
 * which pushed the page 24px taller and produced 384 computed-style differences. */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-italic-variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Wix Madefor Display";
  src: url("/fonts/WixMadeforDisplay-var.woff2") format("woff2-variations");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* Superior ships a single weight. 500 and 600 are synthesised by the browser, which is
   what the source did too — there is no heavier file to serve. */
@font-face {
  font-family: "Superior";
  src: url("/fonts/Superior.woff2") format("woff2"),
       url("/fonts/Superior.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}