/* /shared/fonts/fonts.css — the brand faces, self-hosted (brand/design-profile.md §4).
 *
 * Variable fonts, latin subset (covers Swedish å ä ö). Source of truth is
 * brand/fonts/; these are the served copies — /shared/ is mounted at the site
 * root in dev and physically copied into every deploy, so url() stays relative
 * and same-origin. font-src 'self' in the app CSP allows exactly this and
 * nothing remote.
 *
 * font-display: swap — text renders in the fallback stack immediately and
 * swaps when the face arrives; never invisible text.
 */

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("lora-latin-var.woff2") format("woff2");
}

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("lora-latin-italic-var.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("karla-latin-var.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("karla-latin-italic-var.woff2") format("woff2");
}