@tailwind base;

@layer base {
  :root {
    --font-ibm-plex-sans: "IBM Plex Sans", sans-serif;
    --font-ibm-plex-mono: "IBM Plex Mono", Courier, monospace;
  }
}

/* IBM Plex Sans */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-Italic.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Italic.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Italic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Medium.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 500;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-MediumItalic.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-MediumItalic.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-MediumItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-Bold.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 700;
  src:
    url(/fonts/ibm-plex-sans/IBMPlexSans-BoldItalic.woff2) format("woff2"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-BoldItalic.woff) format("woff"),
    url(/fonts/ibm-plex-sans/IBMPlexSans-BoldItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

/* IBM Plex Mono */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Italic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Medium.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 500;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-MediumItalic.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-MediumItalic.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-MediumItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-SemiBoldItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-Bold.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 700;
  src:
    url(/fonts/ibm-plex-mono/IBMPlexMono-BoldItalic.woff2) format("woff2"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-BoldItalic.woff) format("woff"),
    url(/fonts/ibm-plex-mono/IBMPlexMono-BoldItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF; /* Latin */
}
