/**
 * 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.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #648aea;
  --ifm-color-primary-dark: #4774e6;
  --ifm-color-primary-darker: #3869e4;
  --ifm-color-primary-darkest: #1c4ece;
  --ifm-color-primary-light: #81a0ee;
  --ifm-color-primary-lighter: #90abf0;
  --ifm-color-primary-lightest: #a5bbf3;
}

[data-theme="dark"] {
  --ifm-color-primary: #7b9df4;
  --ifm-color-primary-dark: #7597ec;
  --ifm-color-primary-darker: #648aea;
  --ifm-color-primary-darkest: #537de8;
  --ifm-color-primary-light: #bbcbf6;
  --ifm-color-primary-lighter: #ccd8f8;
  --ifm-color-primary-lightest: #ffffff;
  --ifm-background-surface-color: #191919 !important;
  --ifm-background-color: var(--ifm-background-surface-color) !important;
}

[data-theme="dark"] .logo-light {
  display: none !important;
}

[data-theme="light"] .logo-dark {
  display: none !important;
}

[data-theme="dark"] .logo-subtitle {
  color: #e9e9e9;
}

[data-theme="light"] .logo-subtitle {
  color: #2c2c2c;
}

:root {
  --docusaurus-highlighted-code-line-bg: #e7eceb;
}

[data-theme="dark"] {
  --docusaurus-highlighted-code-line-bg: #0d4034;
}

/* Exograph logo already has the word "Exograph" in it. So hide the title added by Docusaurus */
.navbar__title {
  display: none;
}

.navbar__brand {
  margin-right: 0;
}

.navbar__logo {
  height: 3rem;
}

[data-theme="light"] .screenshot {
  box-shadow: 0 0 10px #ccc;
}

.shell-command-line ::before {
  content: '$ ';
}

[data-theme="light"] .shell-command-line {
  color: #037235 !important;
}

[data-theme="dark"] .shell-command-line {
  color: #07e56b !important;
}


/* Show either Github image or text */
.navbar-img-item {
  display: flex;
  align-items: center;
}

.navbar-img-item:hover {
  background: var(--ifm-color-emphasis-200);
}

.navbar__items--right .navbar-img-item {
  border-radius: 50%;
  padding: 0.375rem;
}

.navbar__items--right .navbar-link-img {
  display: flex;
  align-items: center;
  width: 22px;
  border-radius: 50%;
}

.navbar__items--right .navbar-link-text {
  display: none;
}

.navbar-sidebar .navbar-link-img {
  display: none;
}

.navbar-sidebar .github-star-button {
  display: none;
}

.github-star-button-wrapper {
  padding: 0;
}

.navbar__items--right .menu__link:hover {
  background: none;
}

[data-theme='light'] img[src$='#gh-dark-mode-only'],
[data-theme='dark'] img[src$='#gh-light-mode-only'] {
  display: none;
}

