- 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>
JulesandClaude Sonnet 5