/* Public Search Widget properties inherit through its modal and form Shadow DOM. */
search-modal {
  --halo-search-widget-base-font-family: var(--sans);
  --halo-search-widget-base-font-size: var(--font-size-m);
  --halo-search-widget-base-rounded: 0.375rem;
  --halo-search-widget-base-border-radius: 0.375rem;
  --halo-search-widget-primary-color: #525252;
  --halo-search-widget-content-color: var(--text-primary);
  --halo-search-widget-muted-color: color-mix(in srgb, var(--text-primary) 60%, var(--bg));
  --halo-search-widget-base-bg-color: var(--bg);
  --halo-search-widget-modal-bg-color: var(--bg);
  --halo-search-widget-hit-bg-color: var(--code-bg);
  --halo-search-widget-modal-layer-color: rgb(0 0 0 / 0.28);
  --halo-search-widget-divider-color: var(--border);
  --halo-search-widget-kbd-border-color: var(--border);
  --halo-search-widget-kbd-shadow: none;

  /* Keep older public property names aligned with the current plugin. */
  --halo-search-widget-color-form-input: var(--text-primary);
  --halo-search-widget-color-form-divider: var(--border);
  --halo-search-widget-color-modal-content-bg: var(--bg);
  --halo-search-widget-color-result-item-bg: var(--code-bg);
  --halo-search-widget-color-modal-layer: var(--halo-search-widget-modal-layer-color);
  --halo-search-widget-color-command-kbd-border: var(--border);
  color: var(--text-primary);
  color-scheme: inherit;
  font-family: var(--sans);
  font-size: var(--font-size-m);
  letter-spacing: var(--spacing-m);
}

html.dark search-modal {
  --halo-search-widget-primary-color: #737373;
  --halo-search-widget-modal-layer-color: rgb(0 0 0 / 0.6);
}