/* Sinky — webfonts.

   SOURCE OF TRUTH: the Figma brand book (Brand-Book, slides 8-9).
   - Titrage (display) = TT Firs Neue — commercial (TypeType).
   - Labeur  (body)    = Outfit      — Google Fonts.

   TT Firs Neue now ships as a real file, supplied by the user from the live site's
   CDN (cdn.prod.website-files.com). ONE weight only so far, declared at 400 —
   Medium / DemiBold / Bold are currently SYNTHESISED by the browser, which is
   visibly heavier and looser than the real cuts. Drop the remaining .woff2 files in
   assets/fonts/ and add one @font-face per weight to fix that.

   Titillium Web stays in the --font-display stack as the brand book's own sanctioned
   fallback (slide 9), behind the real face.

   Cabinet Grotesk is used on several section headings (40px) and is free from
   Fontshare. Inter / Inter Tight carry the in-app UI type. Both load from CDN.

   @import must precede every other rule in a stylesheet, so the CDN imports come
   first and the local @font-face follows. */

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400&family=Outfit:wght@100..900&family=Inter:wght@100..900&family=Inter+Tight:wght@100..900&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@100,200,300,400,500,700,800,900&display=swap');

@font-face{font-family:"TT Firs Neue Trl";src:url('../assets/fonts/tt-firs-neue-trl.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}