style(frontend): grundlegendes Redesign (Design-System, Farben, Typografie)

Neues Design-System: warme Honig-/Wachs-Farbpalette (Amber-Primaer,
Salbeigruen-Sekundaer) statt Standard-Graustufen, Space Grotesk fuer
Ueberschriften, Inter fuer Fliesstext, IBM Plex Mono fuer Codes/IDs.
Card-Komponente mit weicher Schattierung statt Ring, neuer
Badge-Warning-Variante und statusTone()-Helper fuer semantische
Status-Farben (Voelker/Honigchargen). Navigation umgebaut: aktiver
Link-Zustand, Hexagon-Markenzeichen, "Mehr"-Dropdown fuer Admin-Links.
Dashboard-Kacheln mit Icons/Farbakzenten, Login-Seite mit dezentem
Waben-Hintergrundmuster als wiederkehrendes Signature-Element.

ApiCore-Frontend/src/app/(app)/apiaries/[id]/page.tsx

@@ -19,7 +19,7 @@ export default function ApiaryDetailPage() {
   }
   if (isError || !apiary) {
     return (
-      <p role="alert" className="p-4 text-sm text-red-600 sm:p-6">
+      <p role="alert" className="p-4 text-sm text-destructive sm:p-6">
         Bienenstand konnte nicht geladen werden.
       </p>
     );

ApiCore-Frontend/src/app/(app)/apiaries/new/page.tsx

@@ -88,7 +88,7 @@ export default function NewApiaryPage() {
               />
             </div>
             {error ? (
-              <p role="alert" className="text-sm text-red-600">
+              <p role="alert" className="text-sm text-destructive">
                 {error}
               </p>
             ) : null}

ApiCore-Frontend/src/app/(app)/apiaries/page.tsx

@@ -36,7 +36,7 @@ export default function ApiariesPage() {
   return (
     <main className="flex flex-col gap-4 p-4 sm:p-6">
       <div className="flex items-center justify-between">
-        <h1 className="text-xl font-semibold">Bienenstände</h1>
+        <h1 className="text-2xl font-semibold tracking-tight">Bienenstände</h1>
         <Button nativeButton={false} render={<Link href="/apiaries/new" />}>
           + Neuer Bienenstand
         </Button>
@@ -66,7 +66,7 @@ export default function ApiariesPage() {
 
       {isLoading ? <p className="text-sm text-muted-foreground">Lädt…</p> : null}
       {isError ? (
-        <p role="alert" className="text-sm text-red-600">
+        <p role="alert" className="text-sm text-destructive">
           Bienenstände konnten nicht geladen werden.
         </p>
       ) : null}