@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Sans+JP:wght@100..700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');

/* Add logo above the sidebar contents */
.sidebar-logo-link {
  display: block;
  width: 140px;
  height: 60px;
  margin: 1rem 0 0.5rem 1rem;
  background-image: url('assets/specforge_bb.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.95;
  flex-shrink: 0;
  z-index: 100;
}

/* Use black & white logo for dark themes */
.rust .sidebar-logo-link,
.coal .sidebar-logo-link,
.navy .sidebar-logo-link,
.ayu .sidebar-logo-link {
  background-image: url('assets/specforge_bw.svg');
}

#sidebar {
  display: flex;
  flex-direction: column;
}

#sidebar .sidebar-scrollbox {
  padding-top: 65px;
  box-sizing: border-box;
}

:root {
  --font-sans:
    Inter, 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  --font-mono:
    'JetBrains Mono', Inconsolata, Hack, 'SF Mono', 'Roboto Mono', 'Source Code Pro', 'Ubuntu Mono',
    monospace;
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
  font-size: 0.9em;
}