design : accueil en trois variantes (console, parcours, établi) + couleur par axe

- typo : Bricolage Grotesque (titres) + Atkinson Hyperlegible (texte),
  Syne gardée pour le logo seul ; une seule source de polices (Bunny)
- palettes : teinte propre à chaque axe dans les 4 ambiances ;
  pages d'axe en axis-scope, cartes sans bordure (canon design)
- accueil : console des trois curseurs (tablist clavier), boîte à outils,
  bloc format éditorial + événement + reproduction ; ?v=a|b|c|0
- numérique : carte LPK ; bouquet rendu avec statut et légende
- messages : sans bordure, deux colonnes en grand écran

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/stores/palette.ts

@@ -8,6 +8,10 @@ interface PaletteColors {
   surfaceLight: string
   text: string
   textMuted: string
+  // One hue per axis: numérique (cool) · économique (warm) · citoyenne (green)
+  axisNum: string
+  axisEco: string
+  axisCit: string
   isLight: boolean
   label: string
   icon: string
@@ -25,6 +29,9 @@ const palettes: Record<PaletteName, PaletteColors> = {
     surfaceLight: '20 8% 17%',   // bois fumé
     text: '0 0% 100%',
     textMuted: '0 0% 65%',
+    axisNum: '195 55% 60%',
+    axisEco: '32 85% 55%',
+    axisCit: '95 35% 55%',
     isLight: false,
     label: 'Automne',
     icon: 'i-lucide-leaf',
@@ -39,6 +46,9 @@ const palettes: Record<PaletteName, PaletteColors> = {
     surfaceLight: '220 12% 18%', // brume nocturne
     text: '0 0% 100%',
     textMuted: '210 10% 65%',
+    axisNum: '205 70% 66%',
+    axisEco: '36 80% 62%',
+    axisCit: '160 40% 58%',
     isLight: false,
     label: 'Hiver',
     icon: 'i-lucide-snowflake',
@@ -55,6 +65,9 @@ const palettes: Record<PaletteName, PaletteColors> = {
     surfaceLight: '148 22% 77%', // feuillage vif
     text: '155 50% 6%',          // encre noire-verte
     textMuted: '150 22% 28%',    // sous-bois dense
+    axisNum: '212 65% 34%',
+    axisEco: '338 80% 42%',
+    axisCit: '152 80% 22%',
     isLight: true,
     label: 'Printemps',
     icon: 'i-lucide-flower-2',
@@ -69,6 +82,9 @@ const palettes: Record<PaletteName, PaletteColors> = {
     surfaceLight: '30 32% 78%',  // argile chaude
     text: '20 45% 8%',           // brun profond
     textMuted: '22 22% 30%',     // ombre terracotta
+    axisNum: '198 70% 30%',
+    axisEco: '24 88% 42%',
+    axisCit: '150 45% 28%',
     isLight: true,
     label: 'Été',
     icon: 'i-lucide-sun',
@@ -90,6 +106,9 @@ const paletteMoods = (Object.entries(palettes) as [PaletteName, PaletteColors][]
       '--color-surface-light': c.surfaceLight,
       '--color-text': c.text,
       '--color-text-muted': c.textMuted,
+      '--axis-num': c.axisNum,
+      '--axis-eco': c.axisEco,
+      '--axis-cit': c.axisCit,
     },
   }),
 )