style(palette): map 5 off-palette colors to palette tokens (tour CLN-7/8)

Brings both files back inside the CLAUDE.md palette (any color outside the
6 brand hex + documented neutrals is a violation). Nearest-allowed mappings,
minimal visual delta (verified by rendering the CV):
- index .footer bg #061008 -> var(--dark) #0d1b12 (the documented footer color).
- CV .tag border #a8d4bc -> var(--g300) (nearest visible green; keeps the pill outline).
- CV body+print texture rgba(26,71,48,.05) -> rgba(27,94,59,.05) (--g700 green primary).
- CV body+print gradient stops #edeadf/#f2efe6 -> var(--tag)/var(--page).
PDF regenerated (renders 2 pages, layout intact).

CV_Bastien_Chanot.html

@@ -129,8 +129,8 @@
   .cv-body {
     padding: 10px 20mm 12px;
     background:
-      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(26,71,48,0.05)'/%3E%3C/svg%3E"),
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(27,94,59,0.05)'/%3E%3C/svg%3E"),
-      linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
+      linear-gradient(160deg, var(--page) 0%, var(--tag) 55%, var(--page) 100%);
   }
 
   .accroche {
@@ -246,7 +246,7 @@
   .tag {
     display: inline-block;
     background: var(--g100);
-    border: 1px solid #a8d4bc;
+    border: 1px solid var(--g300);
     font-family: var(--mono);
     font-size: 6.5pt;
     padding: 1px 5px;
@@ -425,8 +425,8 @@
   @media print {
     body {
       background:
-        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(26,71,48,0.05)'/%3E%3C/svg%3E"),
+        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(27,94,59,0.05)'/%3E%3C/svg%3E"),
-        linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
+        linear-gradient(160deg, var(--page) 0%, var(--tag) 55%, var(--page) 100%);
       padding: 0;
     }
     .page { background: transparent; }

index.html

@@ -927,7 +927,7 @@
 
   /* ── FOOTER ── */
   .footer {
-    background: #061008;
+    background: var(--dark);
     color: rgba(223, 240, 231, 0.55);
     padding: 32px 24px;
     border-top: 1px solid rgba(106,185,138,0.1);