feat(v1.5.0): customização de fontes e correção de cores em tendências

Adiciona sistema de customização de fontes por usuário via CSS custom
properties, com preview ao vivo e persistência no banco. Corrige lógica
de cores invertida na tabela de receitas em tendências.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

components/font-provider.tsx

@@ -0,0 +1,80 @@
+"use client";
+
+import {
+	createContext,
+	useCallback,
+	useContext,
+	useEffect,
+	useMemo,
+	useState,
+} from "react";
+import { getFontVariable } from "@/public/fonts/font_index";
+
+type FontContextValue = {
+	systemFont: string;
+	moneyFont: string;
+	setSystemFont: (key: string) => void;
+	setMoneyFont: (key: string) => void;
+};
+
+const FontContext = createContext<FontContextValue | null>(null);
+
+export function FontProvider({
+	systemFont: initialSystemFont,
+	moneyFont: initialMoneyFont,
+	children,
+}: {
+	systemFont: string;
+	moneyFont: string;
+	children: React.ReactNode;
+}) {
+	const [systemFont, setSystemFontState] = useState(initialSystemFont);
+	const [moneyFont, setMoneyFontState] = useState(initialMoneyFont);
+
+	const applyFontVars = useCallback((sys: string, money: string) => {
+		document.documentElement.style.setProperty(
+			"--font-app",
+			getFontVariable(sys),
+		);
+		document.documentElement.style.setProperty(
+			"--font-money",
+			getFontVariable(money),
+		);
+	}, []);
+
+	useEffect(() => {
+		applyFontVars(systemFont, moneyFont);
+	}, [systemFont, moneyFont, applyFontVars]);
+
+	const setSystemFont = useCallback((key: string) => {
+		setSystemFontState(key);
+	}, []);
+
+	const setMoneyFont = useCallback((key: string) => {
+		setMoneyFontState(key);
+	}, []);
+
+	const value = useMemo(
+		() => ({ systemFont, moneyFont, setSystemFont, setMoneyFont }),
+		[systemFont, moneyFont, setSystemFont, setMoneyFont],
+	);
+
+	return (
+		<>
+			<style
+				dangerouslySetInnerHTML={{
+					__html: `:root { --font-app: ${getFontVariable(initialSystemFont)}; --font-money: ${getFontVariable(initialMoneyFont)}; }`,
+				}}
+			/>
+			<FontContext value={value}>{children}</FontContext>
+		</>
+	);
+}
+
+export function useFont() {
+	const ctx = useContext(FontContext);
+	if (!ctx) {
+		throw new Error("useFont must be used within FontProvider");
+	}
+	return ctx;
+}