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/simulations/components/rapport/CritereCard.tsx

@@ -25,14 +25,14 @@ export function CritereCard({ critere, erreursCodes }: Props) {
   return (
     <Card variant="default" className="space-y-3 p-4">
       <div className="flex items-start justify-between gap-3">
-        <h3 className="text-sm font-semibold text-ink-1">{critere.nom}</h3>
+        <h3 className="text-sm font-semibold text-ink-primary">{critere.nom}</h3>
         <Badge variant="nclc" className="shrink-0 tabular-nums">
           {critere.score}/5
         </Badge>
       </div>
 
       {critere.commentaire && (
-        <div className="text-sm leading-relaxed text-ink-2">
+        <div className="text-sm leading-relaxed text-ink-primary">
           <ReactMarkdown disallowedElements={['script', 'iframe']}>
             {critere.commentaire}
           </ReactMarkdown>
@@ -40,26 +40,26 @@ export function CritereCard({ critere, erreursCodes }: Props) {
       )}
 
       {critere.exemple && (
-        <div className="space-y-1.5 rounded-md border border-line bg-canvas-2 p-3">
-          <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-5">
+        <div className="space-y-1.5 rounded-md border border-border bg-surface p-3">
+          <p className="text-[11px] font-semibold uppercase tracking-widest text-ink-tertiary">
             Exemple tiré de votre texte
           </p>
-          <p className="italic text-sm leading-relaxed text-ink-2">« {critere.exemple} »</p>
+          <p className="italic text-sm leading-relaxed text-ink-primary">« {critere.exemple} »</p>
         </div>
       )}
 
       {critere.suggestion && (
-        <div className="space-y-1.5 rounded-md border border-expria/30 bg-expria-50 p-3">
-          <p className="text-[11px] font-semibold uppercase tracking-widest text-expria">
+        <div className="space-y-1.5 rounded-md border border-brand/30 bg-brand-soft p-3">
+          <p className="text-[11px] font-semibold uppercase tracking-widest text-brand-text">
             Reformulation suggérée
           </p>
-          <p className="text-sm leading-relaxed text-ink-1">{critere.suggestion}</p>
+          <p className="text-sm leading-relaxed text-ink-primary">{critere.suggestion}</p>
         </div>
       )}
 
       {critere.astuce && (
-        <div className="flex gap-2 text-sm text-ink-3">
-          <span className="shrink-0 text-expria" aria-hidden="true">
+        <div className="flex gap-2 text-sm text-ink-secondary">
+          <span className="shrink-0 text-brand-text" aria-hidden="true">
             💡
           </span>
           <span>{critere.astuce}</span>
@@ -67,7 +67,7 @@ export function CritereCard({ critere, erreursCodes }: Props) {
       )}
 
       {erreursCodes.length > 0 && (
-        <div className="flex flex-wrap gap-1.5 border-t border-line pt-3">
+        <div className="flex flex-wrap gap-1.5 border-t border-border pt-3">
           {erreursCodes.map((e) => (
             <Badge key={`${e.code}-${e.description ?? ''}`} variant="neutral">
               {e.description ?? e.code.replace(/_/g, ' ')}