// Root app

function App() {
  const [tweaks, setTweaks] = React.useState(window.__TWEAKS__);
  const palette = PALETTES[tweaks.palette] || PALETTES.twilight;

  return (
    <div style={{ position: 'relative', minHeight: '100vh' }}>
      <CosmicBackground
        palette={tweaks.palette}
        starDensity={tweaks.starDensity}
        motionIntensity={tweaks.motionIntensity}
      />

      <div style={{ position: 'relative', zIndex: 1 }}>
        <Nav palette={palette} />
        <Hero palette={palette} heroCopy={tweaks.heroCopy} />
        <About palette={palette} />
        <Publications palette={palette} />
        <Experience palette={palette} />
        <Work palette={palette} />
        <TechStack palette={palette} />
        <Travels palette={palette} />
        <Contact palette={palette} />
      </div>

      <TweaksPanel tweaks={tweaks} setTweaks={setTweaks} />
      <RocketCursor />
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);