@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --gitmoot-bg: #eeeeec;
  --gitmoot-surface: #ffffff;
  --gitmoot-surface-2: #f6f6f3;
  --gitmoot-hairline: rgba(15, 15, 15, 0.12);
  --gitmoot-fg: #111111;
  --gitmoot-fg-2: #555555;
  --gitmoot-fg-3: #858585;
  --gitmoot-accent: #111111;
  --gitmoot-code-bg: #f1f1ee;

  --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ifm-font-family-monospace: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ifm-heading-font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ifm-color-primary: var(--gitmoot-accent);
  --ifm-color-primary-dark: #000000;
  --ifm-color-primary-darker: #000000;
  --ifm-color-primary-darkest: #000000;
  --ifm-color-primary-light: #2b2b2b;
  --ifm-color-primary-lighter: #3a3a3a;
  --ifm-color-primary-lightest: #555555;
  --ifm-background-color: var(--gitmoot-bg);
  --ifm-background-surface-color: var(--gitmoot-surface);
  --ifm-navbar-background-color: var(--gitmoot-surface);
  --ifm-footer-background-color: #111111;
  --ifm-font-color-base: var(--gitmoot-fg);
  --ifm-font-color-secondary: var(--gitmoot-fg-2);
  --ifm-code-font-size: 92%;
  --ifm-code-background: var(--gitmoot-code-bg);
  --ifm-border-radius: 8px;
  --ifm-global-shadow-lw: none;
  --ifm-global-shadow-md: none;
  --ifm-global-shadow-tl: none;
  --docusaurus-highlighted-code-line-bg: rgba(15, 15, 15, 0.08);
}

[data-theme='dark'] {
  --gitmoot-bg: #111111;
  --gitmoot-surface: #171717;
  --gitmoot-surface-2: #202020;
  --gitmoot-hairline: rgba(255, 255, 255, 0.12);
  --gitmoot-fg: #f4f4f1;
  --gitmoot-fg-2: #c9c9c1;
  --gitmoot-fg-3: #96968c;
  --gitmoot-accent: #f4f4f1;
  --gitmoot-code-bg: #202020;

  --ifm-color-primary: var(--gitmoot-accent);
  --ifm-color-primary-dark: #deded8;
  --ifm-color-primary-darker: #cecec8;
  --ifm-color-primary-darkest: #b7b7af;
  --ifm-color-primary-light: #ffffff;
  --ifm-color-primary-lighter: #ffffff;
  --ifm-color-primary-lightest: #ffffff;
  --ifm-background-color: var(--gitmoot-bg);
  --ifm-background-surface-color: var(--gitmoot-surface);
  --ifm-navbar-background-color: var(--gitmoot-surface);
  --ifm-footer-background-color: #090909;
  --ifm-font-color-base: var(--gitmoot-fg);
  --ifm-font-color-secondary: var(--gitmoot-fg-2);
  --ifm-code-background: var(--gitmoot-code-bg);
}

html,
body {
  background: var(--gitmoot-bg);
}

.navbar {
  border-bottom: 1px solid var(--gitmoot-hairline);
  box-shadow: none;
}

.navbar__title {
  color: var(--gitmoot-fg);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0;
}

.navbar__link {
  color: var(--gitmoot-fg-2);
  font-weight: 650;
}

.navbar__link:hover,
.navbar__link--active {
  color: var(--gitmoot-fg);
}

.theme-doc-sidebar-container {
  border-right: 1px solid var(--gitmoot-hairline) !important;
  background: color-mix(in srgb, var(--gitmoot-surface) 88%, var(--gitmoot-bg));
}

.menu__link {
  border-radius: 6px;
  color: var(--gitmoot-fg-2);
  font-size: 0.94rem;
}

.menu__link--active,
.menu__link:hover {
  color: var(--gitmoot-fg);
  background: color-mix(in srgb, var(--gitmoot-fg) 8%, transparent);
}

.theme-doc-markdown {
  font-size: 1rem;
  line-height: 1.7;
}

.theme-doc-markdown h1 {
  max-width: 820px;
  font-size: clamp(2.35rem, 4vw, 3.6rem);
  font-weight: 800;
  letter-spacing: 0;
}

.theme-doc-markdown h2 {
  margin-top: 2.4rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--gitmoot-hairline);
  font-size: 1.35rem;
}

.theme-doc-markdown h3 {
  font-size: 1.05rem;
}

.theme-doc-markdown p,
.theme-doc-markdown li {
  color: var(--gitmoot-fg-2);
}

.theme-doc-markdown strong,
.theme-doc-markdown h1,
.theme-doc-markdown h2,
.theme-doc-markdown h3 {
  color: var(--gitmoot-fg);
}

code {
  border: 1px solid var(--gitmoot-hairline);
  border-radius: 5px;
  color: var(--gitmoot-fg);
}

pre code {
  border: 0;
}

.theme-code-block {
  overflow: hidden;
  border: 1px solid var(--gitmoot-hairline);
  border-radius: 8px;
  background: var(--gitmoot-surface-2) !important;
  box-shadow: none !important;
}

.theme-code-block pre,
.theme-code-block pre.prism-code {
  margin: 0;
  background: transparent !important;
  font-size: 0.9rem;
  line-height: 1.65;
}

.table-of-contents {
  border-left: 1px solid var(--gitmoot-hairline);
}

.table-of-contents__link {
  color: var(--gitmoot-fg-3);
}

.table-of-contents__link--active,
.table-of-contents__link:hover {
  color: var(--gitmoot-fg);
}

.pagination-nav__link {
  border-color: var(--gitmoot-hairline);
  border-radius: 8px;
  background: var(--gitmoot-surface);
}

.footer {
  border-top: 1px solid var(--gitmoot-hairline);
}

