/*
 * Self-hosted replacement for the handoff's Google Fonts <link>:
 *
 *   https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600
 *     &family=Barlow+Condensed:wght@500;600;700
 *     &family=Fraunces:opsz,wght@9..144,500&family=Oswald:wght@500;600;700&display=swap
 *
 * DEVIATION FROM THE HANDOFF — NEEDS DESIGNER SIGN-OFF:
 * The handoff loads these four families from fonts.googleapis.com /
 * fonts.gstatic.com. The site's own trust copy in the hero ("DSGVO-konform",
 * "Hosted in Germany") is hard to square with sending every visitor's IP to
 * a Google CDN on first paint, so this theme self-hosts the four families
 * instead and drops the Google <link> entirely. Behaviourally this should
 * be invisible (same families, weights and font-display), but it is a
 * content change to what the handoff shipped and should be confirmed with
 * David/Armin before go-live.
 *
 * Drop the following files into this folder (see README.md in this
 * directory for the exact list and where to get them, e.g. via
 * google-webfonts-helper or `fonty` against the Google Fonts API):
 *
 *   barlow-400.woff2              Barlow             400 normal
 *   barlow-500.woff2              Barlow             500 normal
 *   barlow-600.woff2              Barlow             600 normal
 *   barlow-condensed-500.woff2    Barlow Condensed   500 normal
 *   barlow-condensed-600.woff2    Barlow Condensed   600 normal
 *   barlow-condensed-700.woff2    Barlow Condensed   700 normal
 *   oswald-500.woff2              Oswald             500 normal
 *   oswald-600.woff2              Oswald             600 normal
 *   oswald-700.woff2              Oswald             700 normal
 *   fraunces-500.woff2            Fraunces           500 normal (static)
 *
 * Fraunces is only ever used for the single word "Propspector" (DESIGN.md:
 * "Wortmarke ... nie im Text"), so this ships one static weight instead of
 * the handoff's variable file (optical-size axis 9..144, weight 500) — one
 * file instead of a variable-font axis nobody varies. If the wordmark is
 * ever set at very different sizes (a tiny footer mark AND a large hero
 * mark) and the optical-size axis turns out to matter visually, replace
 * this rule with the variable woff2 and add `font-optical-sizing: auto`.
 */

@font-face {
  font-family: 'Barlow';
  src: url('barlow-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('barlow-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('barlow-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Condensed';
  src: url('barlow-condensed-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('barlow-condensed-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('barlow-condensed-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oswald';
  src: url('oswald-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('oswald-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('oswald-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}