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}
      richColors
      closeButton
    />
    <App />
  </StrictMode>,
)
