Palette dynamique dans BookPlayer et admin

- BookPlayer : toutes les couleurs HSL en dur remplacées par variables CSS palette
- Admin (sidebar, formulaires, pages, book, songs, messages, media, login) : idem
- L'ambiance graphique suit maintenant la palette active partout

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app/components/admin/AdminFieldList.vue

@@ -58,7 +58,7 @@ function addItem() {
 .field-label {
   font-size: 0.8rem;
   font-weight: 500;
-  color: hsl(20 8% 60%);
+  color: hsl(var(--color-text-muted));
 }
 
 .list-item {
@@ -66,9 +66,9 @@ function addItem() {
   align-items: flex-start;
   gap: 0.5rem;
   padding: 0.5rem;
-  border: 1px solid hsl(20 8% 14%);
+  border: 1px solid hsl(var(--color-surface-light));
   border-radius: 0.5rem;
-  background: hsl(20 8% 5%);
+  background: hsl(var(--color-bg));
 }
 
 .list-item > :deep(*:first-child) {
@@ -101,9 +101,9 @@ function addItem() {
   gap: 0.375rem;
   padding: 0.375rem 0.75rem;
   border-radius: 0.5rem;
-  border: 1px dashed hsl(20 8% 22%);
+  border: 1px dashed hsl(var(--color-surface-light));
   background: none;
-  color: hsl(20 8% 50%);
+  color: hsl(var(--color-text-muted));
   font-size: 0.8rem;
   cursor: pointer;
   transition: all 0.2s;
@@ -111,7 +111,7 @@ function addItem() {
 }
 
 .list-add:hover {
-  border-color: hsl(12 76% 48% / 0.4);
-  color: hsl(12 76% 68%);
+  border-color: hsl(var(--color-primary) / 0.4);
+  color: hsl(var(--color-primary));
 }
 </style>