fix(typography): embed official Achemine fonts in src/fonts, calibrate font weights and sizes to strictly match SNCF display img 1

src/App.css

@@ -11,6 +11,31 @@
 
 /* Styles responsive pour les pages de guidage & sélection */
 @import "./styles/Launcher.css";
+
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
 @font-face {
     font-family: Avenir;
     src: url("/public/fonts/avenir-lighter.woff");

src/index.css

@@ -1,6 +1,30 @@
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Achemine';
+  src: url('./fonts/achemine_italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  font-family: 'Achemine', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;

src/pages/afficheurs/classiques/ClassiquesArrivees.css

@@ -262,8 +262,8 @@
 
 /* Colonne 3 : Heure (Grande, jaune vif) */
 .aff-classiques-arrivees__col-time {
-  width: 250px;
-  min-width: 250px;
+  width: 260px;
+  min-width: 260px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -276,7 +276,7 @@
 
 .aff-classiques-arrivees__time {
   color: var(--yellow);
-  font-size: 68px;
+  font-size: 74px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: -0.5px;
@@ -302,8 +302,8 @@
 
 .aff-classiques-arrivees__destination {
   color: var(--white);
-  font-size: 62px;
-  font-weight: 600;
+  font-size: 68px;
+  font-weight: 700;
   line-height: 1;
   white-space: nowrap;
   overflow: hidden;
@@ -325,8 +325,8 @@
 }
 
 .aff-classiques-arrivees__platform-box {
-  width: 88px;
-  height: 84px;
+  width: 90px;
+  height: 86px;
   border: 3.5px solid var(--white);
   border-radius: 12px;
   display: flex;
@@ -338,7 +338,7 @@
 
 .aff-classiques-arrivees__platform-text {
   color: var(--white);
-  font-size: 60px;
+  font-size: 62px;
   font-weight: 700;
   line-height: 1;
   font-family: "Achemine", sans-serif;

src/pages/afficheurs/classiques/ClassiquesDeparts.css

@@ -262,8 +262,8 @@
 
 /* Colonne 3 : Heure (Grande, jaune vif) */
 .aff-classiques-departs__col-time {
-  width: 250px;
-  min-width: 250px;
+  width: 260px;
+  min-width: 260px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -276,7 +276,7 @@
 
 .aff-classiques-departs__time {
   color: var(--yellow);
-  font-size: 68px;
+  font-size: 74px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: -0.5px;
@@ -302,8 +302,8 @@
 
 .aff-classiques-departs__destination {
   color: var(--white);
-  font-size: 62px;
-  font-weight: 600;
+  font-size: 68px;
+  font-weight: 700;
   line-height: 1;
   white-space: nowrap;
   overflow: hidden;
@@ -325,8 +325,8 @@
 }
 
 .aff-classiques-departs__platform-box {
-  width: 88px;
-  height: 84px;
+  width: 90px;
+  height: 86px;
   border: 3.5px solid var(--white);
   border-radius: 12px;
   display: flex;
@@ -338,7 +338,7 @@
 
 .aff-classiques-departs__platform-text {
   color: var(--white);
-  font-size: 60px;
+  font-size: 62px;
   font-weight: 700;
   line-height: 1;
   font-family: "Achemine", sans-serif;