// tweaks-melindas.jsx — Font pair switcher (handcrafted alternatives) const { useEffect: uE_tm } = React; const MELINDAS_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "fontPair": "editorial", "heroAccent": "peach" }/*EDITMODE-END*/; const FONT_PAIRS = [ { id: "editorial", label: "Editorial", display: "Newsreader", body: "Manrope", note: "Soft italics, smoother body. Authentic + warm." }, { id: "heritage", label: "Heritage", display: "EB Garamond", body: "Plus Jakarta Sans", note: "Classic patisserie. Slender italics." }, { id: "original", label: "Original", display: "Source Serif 4", body: "Nunito", note: "The first pass." }, ]; const HERO_ACCENTS = [ { id: "peach", label: "Peach (B)", note: "Same serif, bigger weight, peach color. Punchy." }, { id: "underline", label: "Underline (C)", note: "Same color, curved underline like the logo flourish." }, { id: "plain", label: "Plain", note: "No accent. Lets meaning carry it." }, ]; function MelindasTweaks() { const [t, setTweak] = useTweaks(MELINDAS_TWEAK_DEFAULTS); // Apply the selected pair + hero accent to so styles.css picks it up uE_tm(() => { document.documentElement.setAttribute("data-fontpair", t.fontPair || "editorial"); document.documentElement.setAttribute("data-hero-accent", t.heroAccent || "peach"); }, [t.fontPair, t.heroAccent]); return (

{HERO_ACCENTS.map((a) => { const active = (t.heroAccent || "peach") === a.id; return ( ); })}

{FONT_PAIRS.map((p) => { const active = (t.fontPair || "editorial") === p.id; return ( ); })}

); } window.MelindasTweaks = MelindasTweaks;