/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #004382;
  --ifm-color-primary-dark: #003c75;
  --ifm-color-primary-darker: #00396e;
  --ifm-color-primary-darkest: #002f5b;
  --ifm-color-primary-light: #004a8f;
  --ifm-color-primary-lighter: #004d96;
  --ifm-color-primary-lightest: #0057a9;
  --ifm-code-font-size: 95%;
}

html {
  scroll-behavior: smooth;
}

html[data-theme='dark'] {
  --ifm-color-primary: #2595ff;
  --ifm-color-primary-dark: #0887ff;
  --ifm-color-primary-darker: #0080f8;
  --ifm-color-primary-darkest: #0069cc;
  --ifm-color-primary-light: #42a3ff;
  --ifm-color-primary-lighter: #51aaff;
  --ifm-color-primary-lightest: #7dc0ff;
}

.navbar * {
  color: white;
}

@media all and (max-width: 996px) {
  .navbar__brand {
    margin-right: 3rem;
  }
}
