feat(design-system): reskin Charcoal — tokens dark-default + sidebar navy permanent

- Remplacement intégral index.css par palette Charcoal (DESIGN_SYSTEM.md v2.0)
- Dark = thème par défaut, .light = override via @custom-variant light
- Sidebar navy #0C1528 permanent (identique dark+light)
- Script anti-FOUC inline dans index.html
- Layout : radial-gradient sur <main>, sidebar 230px, max-w-[1100px]
- Renommage tokens Boréal→Charcoal sur ~45 composants
- Inversion dark: → baseline + light: sur primitives shadcn
- Fix logo blanc forcé dans sidebar
- ADR 006 mis à jour

Typecheck: OK · Tests: 122/122 ✅

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

src/features/progression/pages/ProgressionPage.tsx

@@ -21,9 +21,9 @@ import { ProgressionPremium } from '../components/ProgressionPremium'
 function Skeleton() {
   return (
     <div className="space-y-4" aria-busy="true" aria-label="Chargement de votre profil…">
-      <div className="h-32 animate-pulse rounded-lg bg-canvas-2" />
-      <div className="h-24 animate-pulse rounded-lg bg-canvas-2" />
-      <div className="h-48 animate-pulse rounded-lg bg-canvas-2" />
+      <div className="h-32 animate-pulse rounded-lg bg-surface" />
+      <div className="h-24 animate-pulse rounded-lg bg-surface" />
+      <div className="h-48 animate-pulse rounded-lg bg-surface" />
     </div>
   )
 }
@@ -38,8 +38,8 @@ export function ProgressionPage() {
   return (
     <main className="mx-auto max-w-3xl space-y-6 px-4 py-6">
       <header className="space-y-1">
-        <h1 className="text-lg font-semibold text-ink-1">Profil de préparation</h1>
-        <p className="text-sm text-ink-3">
+        <h1 className="text-lg font-semibold text-ink-primary">Profil de préparation</h1>
+        <p className="text-sm text-ink-secondary">
           Repérez vos erreurs récurrentes et travaillez-les avec des exercices ciblés.
         </p>
       </header>