/* Pagefind Modal Theming - override CSS variables */

:root {
  /* Dark mode (default) */
  --pf-text: var(--text);
  --pf-text-secondary: var(--text-secondary);
  --pf-background: var(--bg);
  --pf-border: var(--border);
  --pf-hover: rgba(128, 128, 128, 0.1);
  --pf-border-radius: 8px;
  --pf-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.12);
  --pf-modal-backdrop: rgba(0, 0, 0, 0.4);
  --pf-modal-max-width: 520px;
  --pf-modal-top: 10vh;
}

:root.light {
  --pf-text: var(--text);
  --pf-text-secondary: var(--text-secondary);
  --pf-background: var(--bg);
  --pf-border: var(--border);
}