🎨 Design: Raffine les tokens (hiérarchie de texte, lavis dorés, lueurs)

Suite à l'analyse du vrai CSS d'unabyss.com (root tokens complets) : leur
système est bien plus granulaire que le nôtre (8 niveaux de texte, opacités
pré-mélangées en tokens, vocabulaire de lueur dorée à plusieurs usages).
Emprunt de la STRUCTURE, pas des valeurs :

- --ink-dim / --ink-ghost : deux niveaux de texte supplémentaires pour les
  métadonnées (coordonnées GPS) et le très discret, sans casser les 2
  niveaux existants (--ink / --ink-soft)
- --gold-wash-subtle / --gold-wash : fonds teintés or pré-mélangés,
  remplacent les oklch(...) ad hoc dispersés dans les composants
- --glow-soft / --glow-strong : vocabulaire de lueur distinct d'une ombre
  générique — douce sur le titre du hero et la date du prochain lever,
  forte sur l'onglet actif (Science, Dogon)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/islands/map/ObservationMap.svelte

@@ -30,7 +30,7 @@
       const marker = L.marker([site.lat, site.lon], { icon: markerIcon(false) }).addTo(map);
       const desc = site[`description_${locale}`] ?? site.description_fr;
       marker.bindPopup(
-        `<strong>${site.name}</strong><br>${desc}<br><small>${site.lat}°N, ${site.lon}°O — ${site.alt} m</small>`
+        `<strong>${site.name}</strong><br>${desc}<br><small style="color: var(--ink-dim)">${site.lat}°N, ${site.lon}°O — ${site.alt} m</small>`
       );
       marker.on("popupopen", () => marker.setIcon(markerIcon(true)));
       marker.on("popupclose", () => marker.setIcon(markerIcon(false)));