/* Tweaks island — controls brand-level switches on a vanilla page.
Mounts only the panel; writes CSS vars / data-attrs on . */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#e6b23c",
"density": "regular",
"heroDark": 1
}/*EDITMODE-END*/;
const ACCENT_MAP = {
"#e6b23c": "gold",
"#28a564": "green",
"#8fb4ff": "ice"
};
function applyAll(t){
const root = document.documentElement;
root.dataset.accent = ACCENT_MAP[t.accent] || "gold";
root.dataset.density = t.density;
root.style.setProperty("--scrim-op", t.heroDark);
}
function TweaksApp(){
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => { applyAll(t); }, [t]);
return (
setTweak("accent", v)} />
setTweak("density", v)} />
setTweak("heroDark", v)} />
);
}
/* apply current values immediately (EDITMODE block reflects saved state) */
applyAll(TWEAK_DEFAULTS);
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();