/*
 * Theme Pagefind Component UI (pagefind-component-ui.css) to match docsite tokens.
 * Loads after skylab-sdk styles (head-tags-base) and pagefind-component-ui.css.
 */
:root {
  --pf-text: var(--color-gray-darkest);
  --pf-text-secondary: var(--color-gray-dark);
  --pf-text-muted: var(--color-gray-dark);
  --pf-background: var(--color-white);
  --pf-border: var(--color-gray-light);
  --pf-border-focus: var(--color-gray-medium);
  --pf-skeleton: var(--color-gray-lightest);
  --pf-skeleton-shine: var(--color-gray-lightest);
  --pf-hover: var(--color-gray-lightest);
  --pf-mark: var(--color-gray-darkest);
  --pf-border-radius: 8px;
}

.docsite-search {
  flex: 1 1 240px;
  max-width: min(var(--pf-searchbox-max-width, 480px), 100%);
  min-width: 0;
}