html.light {
	--docsearch-primary-color: var(--color-primary-500);
}

html.dark[data-theme='dark'] {
	--docsearch-primary-color: var(--color-primary-400);

	--docsearch-text-color: rgb(245, 246, 247);
	--docsearch-container-background: color-mix(in srgb, var(--color-neutral-950), transparent 20%);
	--docsearch-modal-background: var(--color-neutral-800);
	--docsearch-modal-shadow: inset 1px 1px 0 0 var(--docsearch-footer-background),
	0 3px 8px 0 rgb(var(--color-neutral-950));
	--docsearch-searchbox-background: var(--color-neutral-800);
	--docsearch-searchbox-focus-background: var(--color-neutral-950);
	--docsearch-hit-color: rgb(190, 195, 201);
	--docsearch-hit-shadow: none;
	--docsearch-hit-background: color-mix(in srgb, var(--color-neutral-700) 30%, transparent);
	--docsearch-key-gradient: var(--color-neutral-900);
	--docsearch-key-shadow: transparent;
	--docsearch-key-pressed-shadow: transparent;
	--docsearch-footer-background: color-mix(in srgb, rgb(var(--color-neutral-800)) 70%, rgb(var(--color-neutral-900)));
	--docsearch-footer-shadow: inset 0 1px 0 0 rgba(var(--color-neutral-700), 0.5),
	0 -4px 8px 0 rgba(0, 0, 0, 0.2);
	--docsearch-logo-color: rgb(255, 255, 255);
	--docsearch-muted-color: rgb(var(--color-neutral-500));
}

.DocSearch-Container {
	backdrop-filter: blur(2px)
}
