@use "sass:list";

$-faces: (
  100: ("Thin",       "ThinItalic"),
  200: ("ExtraLight", "ExtraLightItalic"),
  300: ("Light",      "LightItalic"),
  400: ("Regular",    "Italic"),
  450: ("Text",       "TextItalic"),
  500: ("Medium",     "MediumItalic"),
  600: ("SemiBold",   "SemiBoldItalic"),
  700: ("Bold",       "BoldItalic"),
);

$-styles: normal italic;

@each $weight, $names in $-faces {
  @for $i from 1 through 2 {
    @font-face {
      font-family: "IBM Plex Mono";
      src: url("/fonts/mono/IBMPlexMono-#{list.nth($names, $i)}.woff2") format("woff2");
      font-weight: $weight;
      font-style: list.nth($-styles, $i);
      font-display: swap;
    }
  }
}

$mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;