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/AdminFormSection.vue

@@ -19,7 +19,7 @@ defineProps<{
 
 <style scoped>
 .admin-section {
-  border: 1px solid hsl(20 8% 14%);
+  border: 1px solid hsl(var(--color-surface-light));
   border-radius: 0.75rem;
   overflow: hidden;
   margin-bottom: 1rem;
@@ -34,12 +34,12 @@ defineProps<{
   font-size: 0.9rem;
   color: white;
   cursor: pointer;
-  background: hsl(20 8% 6%);
+  background: hsl(var(--color-bg));
   user-select: none;
 }
 
 .admin-section-header:hover {
-  background: hsl(20 8% 8%);
+  background: hsl(var(--color-surface));
 }
 
 .admin-section[open] .section-arrow {