import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
import { TRPCProvider } from '@/providers/trpc'
import { applyAppearance, loadAppearancePrefs } from '@/lib/appearance'

// Apply persisted admin appearance prefs (accent / reduce motion / density /
// tab title) before first paint so they survive reloads and SPA navigation.
applyAppearance(loadAppearancePrefs())

createRoot(document.getElementById('root')!).render(
  <TRPCProvider>
    <App />
  </TRPCProvider>
)