feat: category colour schemes, add stats to home page

apps/frontend/src/app/components/books/books-list.component.ts

@@ -482,8 +482,8 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment } from '@librar
     }
 
     .filter-btn.active {
-      background: var(--witch-plum);
-      color: var(--witch-moon);
+      background: #8b6f47;
+      color: white;
     }
 
     .loading {
@@ -623,33 +623,33 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment } from '@librar
     }
 
     .btn-primary {
-      background: var(--witch-rose);
-      color: var(--witch-moon);
+      background: #8b6f47;
+      color: white;
     }
 
     .btn-primary:hover {
-      background: var(--witch-plum);
+      background: #725a3a;
       transform: translateY(-2px);
       box-shadow: 0 4px 8px var(--witch-shadow);
     }
 
     .btn-secondary {
-      background: var(--witch-mauve);
-      color: var(--witch-purple);
+      background: #6b7280;
+      color: white;
     }
 
     .btn-secondary:hover {
-      background: var(--witch-rose);
-      color: var(--witch-moon);
+      background: #4b5563;
+      color: white;
     }
 
     .btn-danger {
-      background: var(--witch-plum);
-      color: var(--witch-moon);
+      background: #ef4444;
+      color: white;
     }
 
     .btn-danger:hover {
-      background: var(--witch-purple);
+      background: #dc2626;
     }
 
     .btn-sm { padding: 0.25rem 0.75rem; font-size: 0.85rem; }