/* PageFind search UI, themed with the site tokens defined in tailwind.css.
   The tokens flip under .dark, so no separate dark block is needed. */
.pagefind-container {
	--pagefind-ui-scale: 0.95;
	--pagefind-ui-primary: var(--fg);
	--pagefind-ui-text: var(--body);
	--pagefind-ui-background: var(--field);
	--pagefind-ui-border: var(--line);
	--pagefind-ui-tag: var(--chip);
	--pagefind-ui-border-width: 2px;
	--pagefind-ui-border-radius: 8px;
	--pagefind-ui-image-border-radius: 8px;
	--pagefind-ui-image-box-ratio: 3 / 2;
	--pagefind-ui-font: sans-serif;
}

.pagefind-container mark {
	background-color: var(--chip);
	color: var(--fg);
	border-radius: 5px;
	padding: 2.5px;
}

.pagefind-ui__search-input:hover {
	border-color: var(--line);
	border-width: 2.25px;
}

.pagefind-container input:focus {
	border-color: var(--line);
	background-color: var(--hover);
	border-width: 2.25px;
}

.pagefind-ui__search-clear {
	border-color: var(--line);
	background: none !important;
	border-width: 2.25px;
	font-weight: bolder;
}

.pagefind-container .pagefind-ui__button:hover {
	border-color: var(--line);
	color: var(--fg) !important;
	background-color: var(--hover) !important;
}

.pagefind-ui__result-link:hover {
	color: var(--accent-hover) !important;
	text-decoration-style: dotted !important;
	text-underline-offset: 2px !important;
}