/* Help uses the same Fili typography and palette, with its reading navigation intact. */
:root[data-theme] {
  --sl-font: Jakarta, SourceSans, sans-serif;
  --sl-font-system: Jakarta, SourceSans, sans-serif;
  --sl-color-accent-low: #35234d;
  --sl-color-accent: #b99aef;
  --sl-color-accent-high: #e5d7fc;
  --sl-color-bg: #211b2a;
  --sl-color-bg-nav: #211b2a;
  --sl-color-bg-sidebar: #261f30;
  --sl-color-hairline: #473b54;
  --paper: #211b2a;
  --ink: #fbf8f1;
  --muted: #c0b2cc;
  --violet: #b99aef;
  --lilac: #35234d;
  --line: #473b54;
}
:root[data-theme='light'] {
  --sl-color-accent-low: #eee7fa;
  --sl-color-accent: #6e42d3;
  --sl-color-accent-high: #4b288f;
  --sl-color-bg: #fbf8f1;
  --sl-color-bg-nav: #fbf8f1;
  --sl-color-bg-sidebar: #f5f0e9;
  --sl-color-white: #292632;
  --sl-color-gray-1: #37313e;
  --sl-color-gray-2: #554c5d;
  --sl-color-gray-3: #6b6474;
  --sl-color-gray-4: #a499ae;
  --sl-color-gray-5: #d5cdca;
  --sl-color-gray-6: #f1ece5;
  --sl-color-black: #fbf8f1;
  --sl-color-hairline: #d5cdca;
  --paper: #fbf8f1;
  --ink: #292632;
  --muted: #6b6474;
  --violet: #6e42d3;
  --lilac: #eee7fa;
  --line: #d5cdca;
}
:root[data-theme] body {
  font-family: var(--body);
  font-size: 16px;
}
:root[data-theme] h1 {
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.12;
}
:root[data-theme] h2 {
  font-size: 30px;
  line-height: 1.2;
}
:root[data-theme] h3 {
  font-size: 21px;
}
:root[data-theme] .sl-markdown-content {
  font-size: 16px;
}
:root[data-theme] .sl-markdown-content p {
  margin-block: 1em;
}
:root[data-theme] .sl-markdown-content em {
  color: inherit;
}
:root[data-theme] .sl-markdown-content img {
  border-radius: 16px;
}
:root[data-theme] .sl-markdown-content h2 {
  margin-top: 2em;
  letter-spacing: -0.025em;
}
:root[data-theme] .sl-markdown-content a {
  color: var(--violet);
}
.fili-docs-header {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 100%;
}
.fili-docs-header .wordmark {
  font-size: 42px;
  flex-shrink: 0;
}
.fili-help-label {
  color: var(--muted);
  text-decoration: none;
}
.fili-docs-search {
  flex: 1;
  min-width: 0;
}
.fili-docs-header .store-buttons {
  flex-shrink: 0;
}
:root[data-theme] .footer {
  width: 100%;
  margin-top: 48px;
  padding: 36px 0;
  gap: 22px;
}
:root[data-theme] .beta-dialog {
  background: var(--paper);
  color: var(--ink);
}
:root[data-theme] .beta-email input {
  background: var(--paper);
  color: var(--ink);
}
:root[data-theme] .beta-copy h2 {
  font-size: 38px;
}
/* Help's sidebar changes at 800px; keep its compact header in sync. */
@media (max-width: 799px) {
  .fili-docs-header {
    gap: 12px;
  }
  .fili-docs-header .wordmark {
    font-size: 36px;
  }
  .fili-help-label {
    display: none;
  }
  .fili-docs-search {
    flex: 0 0 32px;
  }
  .fili-docs-header .store-buttons {
    margin-left: auto;
  }
  .fili-docs-header .store-button {
    display: none;
  }
  .fili-docs-header .mobile-app-button {
    display: inline-flex;
  }
}
:root[data-theme] .sidebar-content a[aria-current='page'] {
  background: var(--lilac);
  color: var(--ink);
}

@media (max-width: 700px) {
  :root[data-theme] .beta-copy h2 {
    font-size: 32px;
  }
}