classe et espece

src/components/Timeline.astro

@@ -75,6 +75,28 @@ const { eras } = Astro.props;
         box-shadow: 0 2px 8px rgba(200, 155, 60, 0.3);
     }
 
+    /* --- COULEURS SPÉCIFIQUES POUR LES CHIPS --- */
+
+    /* Style quand l'ère "lastchope" est active */
+    .era-chip.active[data-era="lastchope"] {
+        background-color: #722f37; /* Lie-de-vin */
+        border-color: #722f37;
+        box-shadow: 0 2px 8px rgba(114, 47, 55, 0.4);
+    }
+
+    /* Changement au survol pour cette ère spécifique si non active */
+    .era-chip[data-era="lastchope"]:hover:not(.active) {
+        border-color: #722f37;
+        background: #fffafa;
+        color: #722f37;
+    }
+
+    /* Autre exemple pour une ère future */
+    .era-chip.active[data-era="foret-sombre"] {
+        background-color: #2d4a22; /* Vert sombre */
+        border-color: #2d4a22;
+    }
+
     .scribe-icon {
         font-size: 0.9rem;
         opacity: 0.8;