diff --git a/package-lock.json b/package-lock.json
index 0a17e6d..c2cb3dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@astrojs/vue": "^6.0.1",
         "@fontsource-variable/roboto-condensed": "^5.2.8",
         "@tailwindcss/vite": "^4.2.4",
+        "@transformer/ui": "git+https://git.trans-former.fr/jules/design-system.git",
         "@types/d3": "^7.4.3",
         "astro": "^6.3.1",
         "d3": "^7.9.0",
@@ -2366,6 +2367,11 @@
         "vite": "^5.2.0 || ^6 || ^7 || ^8"
       }
     },
+    "node_modules/@transformer/ui": {
+      "version": "0.1.0",
+      "resolved": "git+https://git.trans-former.fr/jules/design-system.git#b7f4f21b7c41258d976a878a8a3c2d4ce45a2ede",
+      "license": "UNLICENSED"
+    },
     "node_modules/@types/d3": {
       "version": "7.4.3",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
diff --git a/package.json b/package.json
index c0eec44..1035bb1 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@astrojs/vue": "^6.0.1",
     "@fontsource-variable/roboto-condensed": "^5.2.8",
     "@tailwindcss/vite": "^4.2.4",
+    "@transformer/ui": "git+https://git.trans-former.fr/jules/design-system.git",
     "@types/d3": "^7.4.3",
     "astro": "^6.3.1",
     "d3": "^7.9.0",
diff --git a/public/data/carte-o.json b/public/data/carte-o.json
index 97ffa82..6b85888 100644
--- a/public/data/carte-o.json
+++ b/public/data/carte-o.json
@@ -1,6 +1,6 @@
 {
   "version": "1.1",
-  "generatedAt": "2026-05-12T09:28:20.972Z",
+  "generatedAt": "2026-08-17T11:48:54.594Z",
   "nodes": [
     {
       "id": "contrat-social-medecine-corps-social",
diff --git a/src/pages/pont-test.astro b/src/pages/pont-test.astro
new file mode 100644
index 0000000..51cc0a1
--- /dev/null
+++ b/src/pages/pont-test.astro
@@ -0,0 +1,20 @@
+---
+// Page TEMPORAIRE de test du pont Tailwind 4 (@transformer/ui) — P3 §1.
+// Sert a verifier que le pont compile les utilitaires et que les tokens
+// se resolvent en vraies valeurs. A supprimer apres validation.
+export const prerender = true;
+---
+<!doctype html>
+<html lang="fr">
+  <head><meta charset="utf-8" /><title>pont-test</title></head>
+  <body class="bg-bg text-text">
+    <div class="bg-surface text-text-muted border-border">surface / muted / border</div>
+    <div class="bg-primary text-on-primary">primary / on-primary</div>
+    <div class="bg-accent text-on-accent">accent / on-accent</div>
+    <div class="text-link hover:text-link-hover">lien</div>
+    <div class="bg-success bg-warning bg-danger">etats</div>
+    <div class="font-(family-name:--font-heading) rounded-(--radius-md) shadow-(--shadow-md) ease-(--ease-out)">
+      syntaxe var arbitraire (namespaces non mappes)
+    </div>
+  </body>
+</html>
diff --git a/src/styles/global.css b/src/styles/global.css
index 60b87f6..aeb5d7a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,4 +1,9 @@
 @import "tailwindcss";
+/* Pont design system (P3 §1) : tokens + mappings @theme Tailwind 4.
+   Pas de reset.css ni theme/*.css tant que la palette racine n'est pas tranchee —
+   le bridge seul ne change aucun rendu (il ne definit que des variables). */
+@import "@transformer/ui/tokens.css";
+@import "@transformer/ui/tailwind.css";
 
 /* Typographie monospace - labels editoriaux (V1.1-G.1) */
 .font-mono-editorial,