fix: align font-size tokens with actual CSS values (inline vs block code)

Agent-Logs-Url: https://github.com/SebastienDegodez/SebastienDegodez.github.io/sessions/d13ac360-a37b-450c-9530-9723817b5999

Co-authored-by: SebastienDegodez <2349146+SebastienDegodez@users.noreply.github.com>

Author: Copilot

DESIGN.md

@@ -103,8 +103,8 @@ background-image: linear-gradient(
 | `h4` | 1.1 em | ~38 px |
 | `h5` | 1.0 em | ~35 px |
 | `h6` | 0.9 em | ~31 px |
-| Code inline | 0.8 em | ~28 px |
-| Bloc de code | 0.6 em | ~21 px |
+| Code inline | 0.8 em | ~28 px | Gaia natif |
+| Bloc de code (`pre`) | 0.6 em | ~21 px | Surcharge MCP.Pack |
 | Footer / header | 66 % | ~23 px |
 
 ### Espacement texte
@@ -169,7 +169,8 @@ Fond (code inline) : #dad8c8  (--color-dimmed)
 Texte code inline  : #455a64  (--color-dark)
 Fond pre           : #fff8e1  (--color-foreground)
 Police             : Fira Code, monospace
-Font-size pre      : 0.6 em
+Font-size inline   : 0.8 em  (Gaia natif)
+Font-size pre      : 0.6 em  (surcharge MCP.Pack)
 Padding pre        : 0.5 em
 border-radius      : aucun défini
 ```

design-tokens.css

@@ -27,8 +27,7 @@
   --color-highlight:         var(--color-secondary); /* #81d4fa */
   --color-code-bg:           var(--color-dimmed);    /* #dad8c8 */
   --color-code-text:         var(--color-dark);      /* #455a64 */
-  --color-pre-bg:            var(--color-foreground);/* #fff8e1 */
-  --color-link:              var(--color-secondary); /* #81d4fa */
+  --color-pre-bg:            var(--color-foreground);/* #fff8e1 */  --color-link:              var(--color-secondary); /* #81d4fa */
   --color-heading-strong:    var(--color-secondary); /* #81d4fa */
   --color-muted:             var(--color-dimmed);    /* #dad8c8 */
 
@@ -74,8 +73,9 @@
   --font-size-h4:     1.1em;   /* ~38px */
   --font-size-h5:     1em;     /* ~35px */
   --font-size-h6:     0.9em;   /* ~31px */
-  --font-size-code:   0.6em;   /* ~21px — valeur MCP.Pack */
-  --font-size-pre:    0.7em;   /* ~24px */
+  --font-size-code-inline: 0.8em;  /* ~28px — valeur Gaia native (inline `code`) */
+  --font-size-code-block:  0.6em;  /* ~21px — surcharge MCP.Pack (code dans pre) */
+  --font-size-pre:         0.6em;  /* ~21px — même surcharge custom-default MCP.Pack */
   --font-size-footer: 66%;     /* ~23px */
 
   /* Espacement texte */