:root {
  --light-color-background: #f7f9fd;
  --light-color-background-secondary: #eef3fb;
  --light-color-accent: #d8e1f0;
  --light-color-active-menu-item: #e7edff;
  --light-color-text: #10213d;
  --light-color-text-aside: #63728b;
  --light-color-link: #2458e6;
  --light-color-focus-outline: #2458e6;
  --dark-color-background: #111b2f;
  --dark-color-background-secondary: #0c1527;
  --dark-color-accent: #34435e;
  --dark-color-active-menu-item: #243758;
  --dark-color-text: #f6f8fc;
  --dark-color-text-aside: #b3bed0;
  --dark-color-link: #7ea2ff;
  --dark-color-focus-outline: #7ea2ff;
}

body {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.tsd-page-toolbar {
  border-bottom: 1px solid var(--color-accent);
  box-shadow: 0 8px 30px rgb(16 33 61 / 6%);
  backdrop-filter: blur(14px);
}

.tsd-page-toolbar .title {
  font-weight: 800;
}

.container-main {
  max-width: 1480px;
}

.tsd-panel,
.tsd-member,
.tsd-signature {
  border-radius: 8px;
}

.tsd-panel {
  border: 1px solid var(--color-accent);
  box-shadow: none;
}

.tsd-typography pre {
  border-radius: 8px;
}

.site-menu a,
.page-menu a {
  border-radius: 6px;
}

.site-menu a.current,
.page-menu a.current {
  font-weight: 700;
}

@media (max-width: 769px) {
  .container-main {
    padding-inline: 16px;
  }
}