:root {
  /* Modal */
  --mixedbread-modal-background: var(--sl-color-black);
  --mixedbread-modal-border: var(--sl-color-gray-5);
  --mixedbread-modal-shadow: 
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.05);
  --mixedbread-backdrop-background: rgba(0, 0, 0, 0.5);
  
  /* Search box */
  --mixedbread-searchbox-background: transparent;
  --mixedbread-searchbox-border: var(--sl-color-gray-5);
  --mixedbread-searchbox-focus-background: transparent;
  --mixedbread-input-color: var(--sl-color-white);
  --mixedbread-input-placeholder: var(--sl-color-gray-3);
  
  /* Search results */
  --mixedbread-hit-background: transparent;
  --mixedbread-hit-background-hover: var(--sl-color-gray-6);
  --mixedbread-hit-border: transparent;
  --mixedbread-hit-border-hover: var(--sl-color-gray-5);
  --mixedbread-hit-color: var(--sl-color-white);
  --mixedbread-hit-content-color: var(--sl-color-gray-2);
  
  /* Footer */
  --mixedbread-footer-background: var(--sl-color-gray-7);
  --mixedbread-footer-border: var(--sl-color-gray-5);
  --mixedbread-footer-text: var(--sl-color-gray-3);
  
  /* Keys */
  --mixedbread-key-background: var(--sl-color-gray-6);
  --mixedbread-key-border: var(--sl-color-gray-5);
  --mixedbread-key-text: var(--sl-color-gray-1);
  --mixedbread-key-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  
  /* States */
  --mixedbread-loading-color: var(--sl-color-gray-3);
  --mixedbread-error-color: #ef4444;
  --mixedbread-accent-color: var(--sl-color-accent);
}
