@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");
// backup fonts
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
//@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

/* override the default Infima variables */
:root {
  --ifm-color-primary: #254750;
  --ifm-color-primary-dark: #214048;
  --ifm-color-primary-darker: #1f3c44;
  --ifm-color-primary-darkest: #1b333a;
  --ifm-color-primary-light: #294f59;
  --ifm-color-primary-lighter: #2c5560;
  --ifm-color-primary-lightest: #315e6a;
  --ifm-background-color: #fcfffe;
  --ifm-pre-background: var(--ifm-background-color);

  --site-color-favourite-background: #f6fdfd;
  --site-color-tooltip: #fff;
  --site-color-tooltip-background: #353738;
  --site-color-svg-icon-favourite: #e9669e;
  --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
  --site-color-feedback-background: #f0f8ff;

  --ifm-link-color: #006dd7;

  --docusaurus-highlighted-code-line-bg: rgb(229, 224, 224);

  --ifm-pre-line-height: 1.5em;
  // make bold a little less bold (because I can't figure out how else to modify the headings)
  --ifm-font-weight-bold: 500;

  --ifm-font-family-base: JetBrains Sans, Work Sans, IBM Plex Sans, Noto Sans, Roboto, Liberation Sans, Arial, Helvetica, sans-serif;
  --ifm-font-family-monospace: JetBrains Mono, Source Code Pro, PT Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
}

/* choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --ifm-color-primary: #3de1ff;
  --ifm-color-primary-dark: #1ddcff;
  --ifm-color-primary-darker: #0edaff;
  --ifm-color-primary-darkest: #00bbdd;
  --ifm-color-primary-light: #5de6ff;
  --ifm-color-primary-lighter: #6ce8ff;
  --ifm-color-primary-lightest: #9cf0ff;
  --ifm-background-color: #2b2b2b;

  --ifm-link-color: var(--ifm-color-primary);

  --site-color-feedback-background: #2a2929;
  --site-color-favourite-background: #1d1e1e;
  --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 10%);

  --docusaurus-highlighted-code-line-bg: #2f2f2f;
}

[data-theme="light"] {
  // light prisma theme for codeblocks
  div.theme-code-block[class*="language-"] {
    @import "prism-themes/themes/prism-vs";
  }
}

[data-theme="dark"] {
  // dark prisma theme for codeblocks
  div.theme-code-block[class*="language-"] {
    @import "prismjs-darcula-theme/darcula";
  }
}


code {
  background-color: var(--ifm-background-color) !important;
  line-height: var(--ifm-pre-line-height) !important;
  //font-size: 90% !important;
  padding: 0.5em !important;
  font-family: var(--ifm-font-family-monospace) !important;
}

div.theme-code-block[class*="language-"] > div[class*="codeBlockTitle"] {
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  font-size: 80%;
}

div.theme-code-block[class*="language-"] > pre {
  background-color: var(-ifm-pre-background);
}

div.theme-code-block[class*="language-"] {
  background: var(--ifm-color-secondary-contrast-background);
}


@font-face {
  font-family: "JetBrains Sans";
  src: url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Light.woff2") format("woff2"),
  url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

/* Regular weight */
@font-face {
  font-family: "JetBrains Sans";
  src: url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Regular.woff2") format("woff2"),
  url('https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
}

/* SemiBold weight */
@font-face {
  font-family: "JetBrains Sans";
  src: url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-SemiBold.woff2") format("woff2"),
  url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "JetBrains Sans";
    src: url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff2") format("woff2 supports variations"),
    url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff2") format("woff2-variations"),
    url("https://resources.jetbrains.com/storage/jetbrains-sans/JetBrainsSans.woff") format("woff-variations");
    font-weight: 100 900;
    font-style: normal;
  }
}

.hero h1.hero__title {
  font-family: var(--ifm-font-family-monospace);
  font-size: 4rem;
  white-space: nowrap;
}
