/* ============================================================
   Asbico - Font Awesome font-display: swap override
   Load AFTER @fortawesome/fontawesome-free CSS.
   Font Awesome ships font-display:block (FOIT); we override to
   swap so icon glyphs render with a fallback while the webfont
   loads, avoiding render-blocking / invisible icons (CWV).
   ============================================================ */

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-brands-400.woff2) format("woff2"),
       url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-brands-400.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-regular-400.woff2) format("woff2"),
       url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-regular-400.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-solid-900.woff2) format("woff2"),
       url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/webfonts/fa-solid-900.ttf) format("truetype");
}

/* System font stack already used everywhere else (no @font-face in project).
   Add a swap-hint for the generic font shorthand used in the design. */