import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { Toaster } from 'sonner'
import './index.css'
import App from './App'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    {/* Toast notification system - theme syncs automatically via CSS custom properties */}
    <Toaster
      position="top-right"
      expand={false}
      closeButton
      visibleToasts={3}
      gap={8}
      theme="dark"
      toastOptions={{
        className: 'sonner-toast-custom',
      }}
    />
    <App />
  </StrictMode>,
)
