# Centrage optique des lettres — système logo EtikPharma

Le logo = disque (ou anneau) + une lettre **Fraunces 900** centrée optiquement.
`dominant-baseline="central"` ne marche PAS (il centre la boîte de police, pas l'encre du glyphe).
Chaque lettre a une encre différente → **recalculer x/y par lettre**.

## Outil
Ouvrir `_mesure-lettre.html` dans un navigateur, taper la lettre → il donne les `x`/`y` exacts
pour le disque plein (corps 62) et la tuile app-icon B2 (corps 46). Copier dans le SVG.

## Formule (si pas d'outil sous la main)
À partir des métriques d'encre canvas `measureText` (textAlign=center, textBaseline=alphabetic) :
- `y_baseline = 50 - (inkBottom - inkTop) / 2`
- `x = 50 - (boxRight - boxLeft) / 2`

Référence mesurée pour « E » @ corps 62 : **x=49.0, y=71.7** (cap-height encre 45.3).

## Pièges
- **É (École)** : l'accent ajoute de l'encre en haut → centre remonte → le glyphe doit descendre
  (y plus grand) sinon il paraît trop haut. TOUJOURS re-mesurer, ne pas réutiliser le y du E.
- Lettres étroites (I, L) : x bouge peu mais vérifier quand même.
- Favicons ≤ 32px : couper le grain (illisible), et générer par **downscale Lanczos** d'un 512px
  (le rendu headless direct en micro-taille sort blanc — course de chargement de la police @import).

## Constantes du système
- Grain : `feTurbulence fractalNoise baseFrequency 0.9 numOctaves 4`, `feColorMatrix saturate 0`,
  rect `opacity 0.15` `mix-blend-mode:multiply`, clippé à la forme (lettre pour disque plein, disque pour anneau).
- Couleurs : pétrole `#2D7A8B`, pétrole foncé `#1F5764`, corail `#FF8463`, crème `#FBFAF5`, violet École `#6C4BF0`.
- Disque plein r=44 ; anneau r=42 stroke-width 3.4 ; tuile B2 rx=22 + disque interne r=33.