import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import './styles/limitek.css';
import './styles/ruch.css';
import { App } from './App';

// Styl Szkło zawsze. Motyw: zapisany w przeglądarce albo jak w systemie.
const html = document.documentElement;
html.setAttribute('data-style', 'glass');
// tryb z zapisanych ustawień przed pierwszym rysowaniem, żeby ekran nie mignął
try {
  const d = JSON.parse(localStorage.getItem('limitek-dane-v1') || '{}');
  const m = d?.ustawienia?.motyw;
  if (m === 'light' || m === 'dark') html.setAttribute('data-mode', m);
} catch {
  /* bez pamięci przeglądarki zostaje tryb systemu */
}

const root = document.getElementById('root');
if (!root) throw new Error('Brak #root w index.html');

createRoot(root).render(
  <StrictMode>
    <App />
  </StrictMode>,
);