/* ================================================================
   Fonts — global font-loading för Futur Design System
   ================================================================
   Importera EN gång på sida-nivå:
     <link rel="stylesheet"
       href="https://cdn.futur.se/design-system/foundation/fonts/pattern.css">

   Andra patterns (typography-scale, button, etc.) får ALDRIG ha egna
   @font-face declarations — de förutsätter att den här filen är laddad.

   Fonts:
     Gilroy:                    300 (Light), 500 (Medium), 600 (SemiBold), 700 (Bold)   — self-hosted (cdn.futur.se)
     Inter:                     400 (Regular), 600 (SemiBold), 700 (Bold)               — self-hosted (cdn.futur.se)
     Roboto Mono:               400 (Regular), 700 (Bold)                               — Google Fonts
     Material Symbols Outlined: variabel (opsz 20..48, wght 400, FILL 0, GRAD 0)        — Google Fonts

   ====================================================================
   IKONER — SVG-first, font som fallback
   ====================================================================
   Primärkanal för ikoner är SVG från cdn.futur.se/images/ikoner/material/
   {category}/{size}/{name}.svg. Material Symbols-fonten laddas här via
   Google Fonts för ergonomisk ligatur-syntax i preview-chrome
   (<span class="icon">person</span>) och som fallback om SVG-anrop
   misslyckas. Produktions-UI ska fetcha SVG-filerna direkt så
   asset-katalogen i api/icons.json är canonical.
================================================================ */

/* Roboto Mono via Google Fonts.
   (Finns inte i cdn.futur.se/fonts/ — kandidat att self-hosta senare.) */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap");

/* Material Symbols Outlined via Google Fonts.
   ENDAST för ligatur-syntax i preview-chrome. Produktions-UI ska
   använda SVG-filerna under /images/ikoner/material/. Variabel font
   med fyra axlar (opsz 20..48, wght 400, FILL 0, GRAD 0). */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0");

/* Gilroy — cdn.futur.se/fonts/gilroy/ */
@font-face {
  font-family: "Gilroy";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/gilroy/gilroylight.woff2") format("woff2");
}
@font-face {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/gilroy/gilroymedium.woff2") format("woff2");
}
@font-face {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/gilroy/gilroysemibold.woff2") format("woff2");
}
@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/gilroy/gilroybold.woff2") format("woff2");
}

/* Inter — cdn.futur.se/fonts/inter/ */
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/inter/inter-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/inter/inter-semi-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/inter/inter-bold.woff2") format("woff2");
}