/* ============================================================ app.jsx — assembles sections + Tweaks panel ============================================================ */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroVariant": "split", "mood": "creme", "scriptHeadings": false }/*EDITMODE-END*/; const MOODS = [ { value: 'creme', label: 'Creme & Guld — klassisk, varm' }, { value: 'pastel', label: 'Pastel Hygge — blød, lyserød' }, { value: 'vanilje', label: 'Varm Vanilje — gylden, karamel' }, ]; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); useReveal(); // apply mood theme to so CSS vars reach nav, body bg & footer useEffect(() => { document.body.classList.remove('theme-creme', 'theme-pastel', 'theme-vanilje'); document.body.classList.add('theme-' + t.mood); }, [t.mood]); // optional: script-style section headings useEffect(() => { document.body.classList.toggle('script-headings', !!t.scriptHeadings); }, [t.scriptHeadings]); return (