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/dashboard/components/MonProfilPreparation.tsx

@@ -44,10 +44,10 @@ export function MonProfilPreparation({ plan }: Props) {
   if (isLoading || isError || !data) {
     return (
       <Card variant="default" className="p-4">
-        <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-5">
+        <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-tertiary">
           Mon profil de préparation
         </p>
-        <p className="mt-2 text-sm text-ink-4">
+        <p className="mt-2 text-sm text-ink-secondary">
           {isError ? 'Profil temporairement indisponible.' : 'Chargement…'}
         </p>
       </Card>
@@ -58,14 +58,14 @@ export function MonProfilPreparation({ plan }: Props) {
     const remaining = Math.max(0, data.minimum - data.current)
     return (
       <Card variant="default" className="space-y-2 p-4">
-        <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-5">
+        <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-tertiary">
           Mon profil de préparation
         </p>
-        <p className="text-sm text-ink-2">
+        <p className="text-sm text-ink-primary">
           Encore <span className="font-semibold tabular-nums">{remaining}</span>{' '}
           {remaining > 1 ? 'simulations' : 'simulation'} pour débloquer votre profil.
         </p>
-        <p className="text-xs text-ink-4 tabular-nums">
+        <p className="text-xs text-ink-secondary tabular-nums">
           {data.current}/{data.minimum} simulations corrigées
         </p>
       </Card>
@@ -80,27 +80,27 @@ export function MonProfilPreparation({ plan }: Props) {
     <Card variant="raised" className="space-y-3 p-4">
       <div className="flex items-start justify-between gap-3">
         <div className="space-y-1">
-          <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-5">
+          <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-tertiary">
             Indice de préparation
           </p>
-          <p className="tabular-nums text-ink-1">
+          <p className="tabular-nums text-ink-primary">
             <span className="text-3xl font-bold">{data.preparation_index.score}</span>
-            <span className="text-lg font-medium text-ink-4">/100</span>
+            <span className="text-lg font-medium text-ink-secondary">/100</span>
           </p>
         </div>
-        <p className="max-w-[180px] text-right text-xs text-ink-3">
+        <p className="max-w-[180px] text-right text-xs text-ink-secondary">
           {data.preparation_index.message}
         </p>
       </div>
 
-      <div className="h-1.5 overflow-hidden rounded-full bg-canvas-2">
+      <div className="h-1.5 overflow-hidden rounded-full bg-surface">
         <div
           className={`h-full transition-all duration-300 ${color}`}
           style={{ width: `${pct}%` }}
         />
       </div>
 
-      <p className="text-sm text-ink-2">
+      <p className="text-sm text-ink-primary">
         {patternsCount === 0
           ? 'Aucune erreur récurrente identifiée — continuez !'
           : `${patternsCount} ${patternsCount > 1 ? 'erreurs récurrentes identifiées' : 'erreur récurrente identifiée'}.`}

src/features/dashboard/components/PaywallBanner.tsx

@@ -9,9 +9,9 @@ import { Button } from '@/shared/components/ui/button'
 
 export function PaywallBanner() {
   return (
-    <div className="rounded-lg border border-expria-100 bg-expria-50 p-4 dark:border-expria/20">
-      <p className="text-sm font-semibold text-ink-1">Passez à Standard pour débloquer :</p>
-      <ul className="mt-2 space-y-1 text-sm text-ink-3" role="list">
+    <div className="rounded-lg border border-brand-100 bg-brand-soft p-4 dark:border-brand/20">
+      <p className="text-sm font-semibold text-ink-primary">Passez à Standard pour débloquer :</p>
+      <ul className="mt-2 space-y-1 text-sm text-ink-secondary" role="list">
         <li>Simulations illimitées</li>
         <li>Rapport détaillé par critère</li>
         <li>Historique de vos productions</li>