/* We have to override the default theme so need to use !important in places */

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

:root {
  --color-active-menu-item: #f60;
  --color-accent: #f60;
  --color-link: #f60;
}

body {
  font-family: 'Inter', sans-serif;
}

h1 {
  margin-top: 1rem;
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;;
}

h2, h3, h4, h5, h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 0;
}

.tsd-typography p, .tsd-typography ul, .tsd-typography ol {
  margin: 1.5rem 0;
  line-height: 1.75rem;
}

.tsd-kind-icon {
  display: none;
}

.tsd-navigation a, .tsd-navigation summary > span, .tsd-page-navigation a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tsd-anchor-link svg {
  stroke : #f60;
}

.tsd-index-accordion .tsd-accordion-summary > svg {
  margin-bottom: -5px;
}

.tsd-nested-navigation {
  margin-left: 3rem;
}

.tsd-signature-type {
  color: orange;
}

.tsd-navigation a.current span, .tsd-page-navigation a.current span {
  color: #FFF !important;
  font-weight: bold;
}

.tsd-signatures .tsd-signature {
  border-color: #E0E0E0;
  border-width: 1px;
  padding: 1rem;
}

.tsd-hierarchy {
  margin: 0.75rem 0;
  list-style: disc;
}

.page-menu .tsd-accordion-summary {
  margin-bottom: 0.5rem;
}

.tsd-page-toolbar {
  border-bottom: none;
}

pre {
  border-radius: 0.3em;
  border-color: var(--color-background-secondary);
}

code.tsd-tag {
  border-radius: 0;
  margin-right: 0.5rem;
}

.tsd-panel-group.tsd-index-group details {
  margin: 3rem 0;
}

.tsd-navigation a.current, .tsd-page-navigation a.current {
  padding: 8px 10px;
  margin: 0 5px;
  border-radius: 2px;
}