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/assets/css/main.css

@@ -15,8 +15,14 @@
   --player-height: 0rem;
   --sidebar-width: 280px;
 
-  --font-display: 'Syne', sans-serif;
-  --font-sans: 'Space Grotesk', sans-serif;
+  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
+  --font-sans: 'Atkinson Hyperlegible', system-ui, sans-serif;
+  --font-logo: 'Syne', sans-serif;
+
+  /* One hue per axis — overridden by each palette (stores/palette.ts) */
+  --axis-num: 198 70% 30%;
+  --axis-eco: 24 88% 42%;
+  --axis-cit: 150 45% 28%;
   --font-mono: 'JetBrains Mono', monospace;
 
   --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
@@ -85,6 +91,11 @@ a {
   background: hsl(var(--color-text) / 0.25);
 }
 
+/* ═══ Axis scopes — each axis page takes its own hue as primary ═══ */
+.axis-scope--num { --color-primary: var(--axis-num); }
+.axis-scope--eco { --color-primary: var(--axis-eco); }
+.axis-scope--cit { --color-primary: var(--axis-cit); }
+
 /* ═══ Light mode overrides ═══ */
 .palette-light {
   color-scheme: light;