Style des mini-jeux revu pour la page blanche fixe

Retour utilisateur du 24/09/2026 : "le style des mini jeux dois etre
revue pour etre sur fond blanc" — les cartes/options/boutons des
mini-jeux (Quiz/Association/Memory/Mots mêlés/Scénario) s'appuient sur
les tokens --doc-* (--doc-card, --doc-bg-2, --doc-text, --doc-border,
succès/échec du Quiz), sombres par défaut et assortis au CHROME de
l'éditeur plutôt qu'à la page. Redéfinit ces tokens dans le scope de
.docPage avec les mêmes valeurs déjà établies pour
.docEditor3[data-theme="light"] (palette claire déjà conçue et
éprouvée dans ce fichier, pas une troisième version inventée) : la
page étant désormais toujours blanche, son contenu utilise toujours
cette palette, peu importe le thème choisi pour le chrome autour.

Vérifié par getComputedStyle (tokens résolus en valeurs claires dans
le scope de .docPage).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

static/document/document-editor.css

@@ -400,6 +400,31 @@ body.objectEditBody > main.content {
   --forge-text: #14161c;
   --forge-text-muted: #6b7280;
 
+  /* Les mini-jeux (cartes Quiz/Association/Memory/Mots mêlés/Scénario,
+     leurs options/cartes/boutons) s'appuient sur les tokens --doc-*
+     (--doc-card, --doc-bg-2, --doc-text, --doc-border, ceux de succès
+     et d'échec du Quiz) — sombres par défaut, assortis au CHROME de
+     l'éditeur, pas à la page (retour utilisateur
+     du 24/09/2026 : "le style des mini jeux dois etre revue pour etre
+     sur fond blanc"). Réutilise TELLES QUELLES les valeurs déjà
+     définies pour .docEditor3[data-theme="light"] (palette claire déjà
+     conçue et éprouvée dans ce fichier) plutôt que d'en inventer une
+     troisième version : la page étant DÉSORMAIS TOUJOURS blanche (voir
+     background ci-dessus), son contenu doit toujours utiliser la
+     palette claire, peu importe le thème choisi pour le chrome autour. */
+  --doc-bg: #f6f5f2;
+  --doc-bg-2: #fff;
+  --doc-card: #fff;
+  --doc-border: #e3e1db;
+  --doc-text: #14161c;
+  --doc-muted: #6b7280;
+  --doc-quiz-success-bg: #e4f5ea;
+  --doc-quiz-success-border: #2e7d46;
+  --doc-quiz-success-text: #1d4c2c;
+  --doc-quiz-danger-bg: #fdede8;
+  --doc-quiz-danger-border: #c1451f;
+  --doc-quiz-danger-text: #7a1418;
+
   border: 1px solid var(--doc-border);
   border-radius: 16px;
   box-shadow: 0 1px 3px rgb(0 0 0 / 30%);