GUI ans Mockup-Design angepasst (GEFIM-Branding)

- GEFIM-Farbwelt aus dem Mockup als shadcn-Theme: Violett #5d52a3 als
  Primärfarbe, Magenta/Hellblau-Akzente, Ink-Text, #f5f6fa-Hintergrund,
  Verlaufs-Utilities (bg-grad, bg-grad-soft), Karten-Schatten
- Fonts Poppins (Überschriften/Buttons) + Open Sans (Text), self-hosted
  über next/font — kein Google-CDN-Aufruf zur Laufzeit (DSGVO)
- Sidebar mit extrahiertem GEFIM-Logo (public/gefim-logo.png), aktive
  Navigation in Violett wie im Prototyp
- Sticky Topbar mit globaler Suche (leitet vorerst auf die Asset-Suche),
  Nutzer-Info und Verlaufs-Avatar mit Initialen; Logout in die Topbar
- Primär-Buttons mit Verlaufshintergrund, Level-Badges als Pillen in
  Mockup-Farben, Login-Seite im GEFIM-Look
- Dashboard im Mockup-Stil: KPI-Karten (Assets, Prozesse, kritische
  Prozesse, Risiken-Platzhalter) und Letzte-Aktivitäten-Feed aus dem
  echten Audit-Log

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

src/lib/levels.ts

@@ -1,13 +1,13 @@
-/** Farbklassen für Stufen 1–4 (Schutzbedarf, Schadenshöhe, Kritikalität). */
+/** Farbklassen für Stufen 1–4 (Schutzbedarf, Schadenshöhe, Kritikalität) — Pillen-Farben aus dem Mockup. */
 export function levelColor(level: number): string {
   switch (level) {
     case 2:
-      return "bg-yellow-100 text-yellow-800 border-yellow-200";
+      return "bg-[#fbf1de] text-[#a9760f] border-transparent";
     case 3:
-      return "bg-orange-100 text-orange-800 border-orange-200";
+      return "bg-[#fdeadb] text-[#c2681a] border-transparent";
     case 4:
-      return "bg-red-100 text-red-800 border-red-200";
+      return "bg-[#fbe4e4] text-[#d64c4c] border-transparent";
     default:
-      return "bg-emerald-100 text-emerald-800 border-emerald-200";
+      return "bg-[#e7f6ee] text-[#2e9e6b] border-transparent";
   }
 }