Le système derrière le site.

• paper#f7f3eafond de tout le site
• paper-2#ede7d6cartes, surlignages, zébrures
• ink#14110dtitres, texte fort, hero· contraste sur papier 17,0 : 1
• ink-2#3a342btexte courant· contraste sur papier 11,1 : 1
• ink-3#6b6356texte tertiaire, kickers, labels· contraste sur papier 5,35 : 1
• ink-faint#a39a8adécoratif uniquement — jamais du texte· contraste sur papier 2,51 : 1
• accentoklch(0.52 0.16 32)réservé /clients · /admin · « action requise »· contraste sur papier 5,38 : 1

Règle stricte : le vermillon n'apparaît jamais en décoration publique. Il signale la zone privée et les états qui réclament une action. Tout texte sur papier tient le contraste AA (≥ 4,5 : 1).

• 10 pxMarque & codekicker mono
• 11 pxMarque & codemétadonnées, années
• 13,5 pxMarque & codesous-titres de cartes
• 16,5 pxMarque & codetexte courant
• 24 pxMarque & codetitres de cartes
• 50 pxMarque & codetitres de pages
• 104 pxMarque & codehero

Zéro WebGL, zéro JavaScript : dégradés radiaux superposés, dérive en 26 s (transform seul), grain feTurbulence incrusté. Tout s'éteint sous prefers-reduced-motion.

1. Le vermillon est un signal, pas une couleur de marque : zones privées et actions requises, rien d'autre.
2. Contraste AA partout. ink-3 est le texte le plus clair autorisé ; ink-faint ne porte jamais de texte.
3. Server components par défaut. Le JavaScript client se mérite — le hero n'en a pas.
4. HTML sémantique : h1 unique, sections, time, listes réelles. Le SEO et les lecteurs d'écran lisent la même page.
5. Budgets non négociables: LCP < 2 s · INP < 200 ms · CLS < 0,1 · Lighthouse ≥ 95.