Auftragsbuch: Modus-Knoepfe farblich trennen (Box=teal, simpel=violett, gruendlich=amber)

Simpel und gruendlich waren beide violett. Jetzt drei klar unterscheidbare
Farben; der Vorbereiten-Button und die Erklaerung faerben sich mit dem
gewaehlten Modus (amber = intensiver/laenger).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/views/AuftragsbuchView.tsx

@@ -439,7 +439,9 @@ function IdeenSection() {
             onClick={submit}
             disabled={sending || text.trim().length < 3}
             className={cn("flex h-9 shrink-0 items-center gap-1.5 rounded-lg border px-3 text-[11px] font-bold uppercase tracking-wide transition-all cursor-pointer disabled:opacity-50",
-              isIde ? "border-violet-500/40 bg-violet-500/10 text-violet-300 hover:bg-violet-500/20" : "border-primary/40 bg-primary/10 text-primary hover:bg-primary/20")}>
+              modus === "gruendlich" ? "border-amber-500/40 bg-amber-500/10 text-amber-300 hover:bg-amber-500/20"
+                : modus === "simpel" ? "border-violet-500/40 bg-violet-500/10 text-violet-300 hover:bg-violet-500/20"
+                : "border-primary/40 bg-primary/10 text-primary hover:bg-primary/20")}>
             {sending ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : isIde ? <Code2 className="h-3.5 w-3.5" /> : <Send className="h-3.5 w-3.5" />}
             {isIde ? "Vorbereiten" : "In die Queue"}
           </button>
@@ -464,7 +466,7 @@ function IdeenSection() {
               onClick={() => setModus("gruendlich")}
               title="IDE-Projekt, gründlich durchdacht: volle Kaskade mit mehreren Rollen und Härtetests. Für große/ambitionierte Projekte."
               className={cn("flex items-center gap-1 rounded px-2 py-1 text-[10px] font-bold uppercase tracking-wide transition-all cursor-pointer",
-                modus === "gruendlich" ? "bg-violet-500/15 text-violet-300" : "text-muted-foreground/60 hover:text-foreground")}>
+                modus === "gruendlich" ? "bg-amber-500/15 text-amber-300" : "text-muted-foreground/60 hover:text-foreground")}>
               <Code2 className="h-3 w-3" /> IDE: gründlich
             </button>
           </div>
@@ -472,7 +474,7 @@ function IdeenSection() {
         <p className="text-[11px] text-muted-foreground">
           {isIde ? (
             <>
-              <b className="text-violet-300/90">IDE-Welt{modus === "gruendlich" ? " · gründlich" : " · simpel"}:</b>{" "}
+              <b className={modus === "gruendlich" ? "text-amber-300/90" : "text-violet-300/90"}>IDE-Welt{modus === "gruendlich" ? " · gründlich" : " · simpel"}:</b>{" "}
               Die Box denkt das Konzept durch{modus === "gruendlich"
                 ? " — volle Kaskade: mehrere Fach-Rollen, bis zu 3 Denk-Runden, mehrfacher Kritiker-Härtetest (für große/ambitionierte Projekte, dauert entsprechend)"
                 : " — schlank: 2 Rollen, 1 Denk-Runde (für kleine, klar umrissene Projekte, ein paar Minuten)"}, legt