// app.jsx — top-level mount, theme + tweaks wiring
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"tone": "swiss",
"accent": "#3a6fa7",
"density": "regular",
"particles": 90,
"mark": "ring",
"servicesLayout": "cards"
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Map tone → font stacks via CSS vars on
React.useEffect(() => {
const root = document.documentElement;
root.dataset.tone = t.tone;
root.style.setProperty('--accent', t.accent);
root.dataset.density = t.density;
}, [t.tone, t.accent, t.density]);
return (
<>
setTweak('tone', v)} />
setTweak('density', v)} />
setTweak('servicesLayout', v)} />
setTweak('mark', v)} />
setTweak('accent', v)} />
setTweak('particles', v)} />
);
}
ReactDOM.createRoot(document.getElementById('root')).render();