feat(b3): M0 — tokens @transformer/ui + thème aep, --nav-* en alias des rôles DS

- package.json : dépendance @transformer/ui (git+https design-system.git)
- nuxt.config.ts : css tokens.css + theme/aep.css chargés avant main.css
- assets/css/main.css : --nav-bg/-bg-alt/-surface/-primary/-accent/-text/
  -text-muted/-font deviennent des alias var(--role) DS ; focus ring sur
  var(--focus-ring). --nav-primary-raw, --nav-primary-solid, --nav-accent-soft
  et --nav-text-on-primary restent des valeurs propres à nav-carte (pas
  d'équivalent DS fiable en sombre — --nav-text-on-primary sert de contraste
  à la fois sur --nav-primary translucide et --nav-primary-solid opaque, deux
  fonds dont la légèreté s'inverse en sombre ; aliaser sur --on-primary DS
  cassait le contraste du logo AEP et de ~10 boutons en sombre, testé au
  pixel et reverti)
- tailwind.config.js : couleurs nav.* pointent vers les variables --nav-*
  (pas de darkMode:'class' ajouté — aucune classe dark: Tailwind en usage)

Vérifié : npm run build OK, diff pixel avant/après < 0.5% sur home + agences
en clair/sombre (bruit = badge Nuxt Devtools, pas les tokens).

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

assets/css/main.css

@@ -3,28 +3,44 @@
 @tailwind utilities;
 
 /* ── Palette NAV V2 — Sobre institutionnel ─────────────────────────────── */
+/* --nav-* sont désormais des ALIAS vers les rôles @transformer/ui (tokens.css
+   + theme/aep.css, chargés avant ce fichier dans nuxt.config.ts).
+   --nav-primary-raw, --nav-primary-solid et --nav-text-on-primary restent des
+   valeurs PROPRES à nav-carte (non aliasées) :
+   - le DS n'a pas de triplet RGB (--nav-primary-raw) ;
+   - le --text du DS en sombre (#e8ecf5) ne correspond pas à la teinte bleu
+     nuit voulue ici pour --nav-primary-solid (#c8d2f0) ;
+   - --nav-text-on-primary sert de texte de contraste à la fois sur
+     --nav-primary (translucide, alias DS) ET sur --nav-primary-solid (opaque,
+     propre à nav-carte) — deux fonds dont la légèreté s'inverse en sombre
+     (translucide ≈ fond sombre, solid = lavande claire). Le rôle --on-primary
+     du DS ne colle qu'au premier cas ; l'aliaser cassait le contraste du AEP
+     logo, des boutons trouver-du-taf, BandeauBas, SimulateurFeature,
+     FicheDetail (texte clair sur --primary-solid clair en sombre — testé au
+     pixel le 25/09, illisible). Gardé littéral = identique à la prod avant B3.
+   Idem --nav-accent-soft, sans équivalent DS. (B3-M0, 2026-09-25) */
 :root {
   /* Fonds */
-  --nav-bg:          #f8f6f1;
-  --nav-bg-alt:      #eee9df;
-  --nav-surface:     #ffffff;
+  --nav-bg:          var(--bg);
+  --nav-bg-alt:      var(--bg-alt);
+  --nav-surface:     var(--surface);
 
   /* Bleu nuit — 60% d'opacité sur les surfaces */
   --nav-primary-raw: 26, 34, 56;
-  --nav-primary:     rgba(26, 34, 56, 0.6);
+  --nav-primary:     var(--primary);
   --nav-primary-solid: #1a2238;
 
   /* Accent safran */
-  --nav-accent:      #f5b342;
+  --nav-accent:      var(--accent);
   --nav-accent-soft: rgba(245, 179, 66, 0.85);
 
   /* Texte */
-  --nav-text:        #1a2238;
-  --nav-text-muted:  rgba(26, 34, 56, 0.55);
+  --nav-text:        var(--text);
+  --nav-text-muted:  var(--text-muted);
   --nav-text-on-primary: #f8f6f1;
 
   /* Typographie */
-  --nav-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --nav-font: var(--font-body);
 }
 
 @layer base {
@@ -58,25 +74,25 @@
 
 /* Focus ring accessibilité */
 *:focus-visible {
-  outline: 2px solid var(--nav-accent);
+  outline: 2px solid var(--focus-ring);
   outline-offset: 2px;
 }
 
 /* ── Dark mode ──────────────────────────────────────────────────────────── */
 .dark {
-  --nav-bg:          #111520;
-  --nav-bg-alt:      #1e2538;
-  --nav-surface:     #1a2238;
+  --nav-bg:          var(--bg);
+  --nav-bg-alt:      var(--bg-alt);
+  --nav-surface:     var(--surface);
 
   --nav-primary-raw: 200, 210, 240;
-  --nav-primary:     rgba(200, 210, 240, 0.15);
+  --nav-primary:     var(--primary);
   --nav-primary-solid: #c8d2f0;
 
-  --nav-accent:      #f5b342;
+  --nav-accent:      var(--accent);
   --nav-accent-soft: rgba(245, 179, 66, 0.85);
 
-  --nav-text:        #e8ecf5;
-  --nav-text-muted:  rgba(200, 210, 240, 0.55);
+  --nav-text:        var(--text);
+  --nav-text-muted:  var(--text-muted);
   --nav-text-on-primary: #111520;
 }