/* Search dialog */
#search-dialog {
  border: none;
  border-radius: 12px;
  padding: 1rem;
  width: min(90vw, 600px);
  max-height: 70vh;
  background: var(--color-bg-light);
}

#search-dialog::backdrop {
  background: var(--backdrop-color);
  backdrop-filter: blur(4px);
}

/* Nav trigger */
.nav-search-trigger {
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  padding: 0;
}

/* Pagefind */
.pagefind-ui {
  --pagefind-ui-scale: 0.9;
  --pagefind-ui-primary: var(--color-primary);
  --pagefind-ui-border-radius: 8px;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  #search-dialog {
    background: var(--color-bg-dark);
  }
  .pagefind-ui {
    --pagefind-ui-text: var(--pagefind-text-dark);
    --pagefind-ui-background: var(--pagefind-bg-dark);
    --pagefind-ui-border: var(--pagefind-border-dark);
    --pagefind-ui-tag: var(--pagefind-tag-dark);
  }
}

html.dark #search-dialog {
  background: var(--color-bg-dark);
}
html.dark .pagefind-ui {
  --pagefind-ui-text: var(--pagefind-text-dark);
  --pagefind-ui-background: var(--pagefind-bg-dark);
  --pagefind-ui-border: var(--pagefind-border-dark);
  --pagefind-ui-tag: var(--pagefind-tag-dark);
}