feat(planner): use cuisine gradient as fallback when no protein tag

Fallback chain: heroImageUrl → protein gradient → cuisine gradient → surface.
Also rename --gradient-cuisine-italienisch → --gradient-cuisine-deutsch
(actual seed tag) with an earthy warm-grey colour.

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

frontend/src/app.css

@@ -105,7 +105,7 @@
 	--gradient-protein-huelsenfruechte: linear-gradient(135deg, #a16207 0%, #854d0e 100%);
 
 	/* ── Cuisine gradient tokens ────────────────────────────────────── */
-	--gradient-cuisine-italienisch: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
+	--gradient-cuisine-deutsch: linear-gradient(135deg, #78716c 0%, #44403c 100%);
 	--gradient-cuisine-asiatisch: linear-gradient(135deg, #166534 0%, #14532d 100%);
 	--gradient-cuisine-indisch: linear-gradient(135deg, #ca8a04 0%, #a16207 100%);
 	--gradient-cuisine-mexikanisch: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);

frontend/src/lib/design-system/tokens.test.ts

@@ -64,7 +64,7 @@ const requiredTokens = [
 	'--gradient-protein-kaese',
 	'--gradient-protein-huelsenfruechte',
 	// Cuisine gradient tokens
-	'--gradient-cuisine-italienisch',
+	'--gradient-cuisine-deutsch',
 	'--gradient-cuisine-asiatisch',
 	'--gradient-cuisine-indisch',
 	'--gradient-cuisine-mexikanisch',

frontend/src/lib/planner/DesktopDayTile.svelte

@@ -84,6 +84,10 @@
 		if (proteinTag?.name) {
 			return `var(--gradient-protein-${toCssKey(proteinTag.name)})`;
 		}
+		const cuisineTag = slot.recipe.tags?.find((t) => t.tagType === 'cuisine');
+		if (cuisineTag?.name) {
+			return `var(--gradient-cuisine-${toCssKey(cuisineTag.name)})`;
+		}
 		return 'var(--color-surface)';
 	})());
 </script>