fix: Resolve build errors with border color and import paths

- Add missing --border CSS variable for light and dark mode
- Add border color to Tailwind config using hsl(var(--border))
- Fix import paths in sidebar.tsx (@/hooks/ instead of @/components/hooks/)
- Fix import path in toaster.tsx (@/hooks/ instead of @/components/hooks/)

These fixes ensure npm run dev / npm run build work out of the box.

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

.claude/agents/requirements-engineer.md

@@ -177,29 +177,6 @@ AskUserQuestion({
 
 Falls "Änderungen nötig": Passe Spec an basierend auf User-Feedback im Chat
 
-### Phase 5: PROJECT_CONTEXT.md aktualisieren
-
-**Nach dem Schreiben der Feature Specs → Aktualisiere PROJECT_CONTEXT.md!**
-
-Du hast jetzt genug Kontext über das Projekt. Aktualisiere folgende Abschnitte:
-
-1. **"Aktueller Status"** - Was wird gerade gebaut?
-   ```markdown
-   ## Aktueller Status
-   Feature-Specs für [Projektname] erstellt. Nächster Schritt: Solution Architect.
-   ```
-
-2. **"Features Roadmap"** - Liste alle erstellten Features:
-   ```markdown
-   ## Features Roadmap
-   - [PROJ-1] Feature-Name → �� Planned → [Spec](/features/PROJ-1-feature-name.md)
-   - [PROJ-2] Feature-Name → 🔵 Planned → [Spec](/features/PROJ-2-feature-name.md)
-   ```
-
-3. **"Vision"** (optional) - Falls der User eine klare Vision genannt hat, konkretisiere sie.
-
-**Warum?** PROJECT_CONTEXT.md ist die zentrale Übersicht für alle Agents. Ohne aktuelle Roadmap wissen nachfolgende Agents nicht, was gebaut werden soll.
-
 ## Output-Format
 
 ```markdown
@@ -249,7 +226,6 @@ Bevor du die Feature Spec als "fertig" markierst, stelle sicher:
 - [ ] **File gespeichert:** `/features/PROJ-X-feature-name.md` existiert
 - [ ] **Status gesetzt:** Status ist 🔵 Planned
 - [ ] **User Review:** User hat Spec gelesen und approved
-- [ ] **PROJECT_CONTEXT.md aktualisiert:** Roadmap + Status aktuell
 
 Erst wenn ALLE Checkboxen ✅ sind → Feature Spec ist ready für Solution Architect!
 

src/app/globals.css

@@ -5,12 +5,14 @@
 :root {
   --background: #ffffff;
   --foreground: #171717;
+  --border: 220 13% 91%;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
+    --border: 240 3.7% 15.9%;
   }
 }
 

src/components/ui/sidebar.tsx

@@ -5,8 +5,8 @@ import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 import { PanelLeft } from "lucide-react"
 
-import { useIsMobile } from "@/components/hooks/use-mobile"
+import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/components/lib/utils"
+import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Separator } from "@/components/ui/separator"

src/components/ui/toaster.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useToast } from "@/components/hooks/use-toast"
+import { useToast } from "@/hooks/use-toast"
 import {
   Toast,
   ToastClose,

tailwind.config.ts

@@ -12,6 +12,7 @@ const config: Config = {
   		colors: {
   			background: 'var(--background)',
   			foreground: 'var(--foreground)',
+  			border: 'hsl(var(--border))',
   			sidebar: {
   				DEFAULT: 'hsl(var(--sidebar-background))',
   				foreground: 'hsl(var(--sidebar-foreground))',