/* =============================================
   High Stack Solutions — Webfonts

   ⚠ FONT NOTE: Europa Grotesk SH (headline font)
   is a licensed typeface and is not on Google Fonts.
   Hanken Grotesk is used as a close neutral-grotesque
   substitute. To match the brand exactly, provide the
   Europa Grotesk SH .woff2/.woff files, drop them in
   this folder, and uncomment the @font-face blocks.

   Darker Grotesque is an exact match for the body
   font and is loaded directly from Google Fonts.
   ============================================= */

/* Hanken Grotesk — Europa Grotesk SH substitute */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&display=swap');

/* Darker Grotesque — body / utility (direct brand match) */
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&display=swap');

/* JetBrains Mono — monospace / code blocks */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');


/*  When Europa Grotesk SH files are available:

    @font-face {
      font-family: "Europa Grotesk SH";
      src: url("./EuropaGroteskSH-Black.woff2") format("woff2"),
           url("./EuropaGroteskSH-Black.woff")  format("woff");
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "Europa Grotesk SH";
      src: url("./EuropaGroteskSH-Bold.woff2") format("woff2"),
           url("./EuropaGroteskSH-Bold.woff")  format("woff");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    Then update --font-display in tokens/typography.css:
    --font-display: "Europa Grotesk SH", "Hanken Grotesk", sans-serif;
*/