/* Mélodie Brun — avocate : jetons de direction artistique.
   Système hôte : « Classical » (Cormorant Garamond + Lora). Lora a depuis été
   remplacée par Instrument Sans dans le texte courant. Le bordeaux remplace
   l'accent doré du système ; l'or reste en second accent, en trait uniquement.

   Repris de design/handoff-melodie-brun/tokens.css. Deux écarts, tous deux
   documentés dans le plan :
   — l'@import de fonts.googleapis.com est remplacé par fonts.css (auto-hébergé) ;
   — les gris de texte secondaire sont plancherés (voir --mb-ink-muted). */

:root {
  /* — fonds & encre — */
  --mb-bg:            #fbf9f8; /* blanc chaud : fond par défaut, ~80 % de la surface */
  --mb-bg-alt:        #f4f0ef; /* variante de section (honoraires) */
  --mb-ink:           #241c1e; /* texte courant, teinté rouge */
  --mb-divider:       rgba(36, 28, 30, 0.16);

  /* Texte secondaire sur fond clair. La maquette descendait à 0.55 d'opacité,
     soit 3,9:1 — sous le seuil AA de 4,5 pour du 13 px. Plancher à 0.65 (5,1:1) :
     la palette est inchangée, seule la densité du gris bouge. */
  --mb-ink-muted:     rgba(36, 28, 30, 0.65);
  --mb-ink-soft:      rgba(36, 28, 30, 0.84); /* paragraphes courants */

  /* — bordeaux (accent principal) —
     Assombri le 30 août 2026 à la demande de l'avocate : l'accent passe de
     #6b2130 à #521826, l'aplat de #3e101b à #310c15. Le pas mesuré sur l'accent
     — teinte −2,3°, saturation +1,9 point, clarté 27,5 % → 20,8 % — a été
     reporté sur les trois teintes claires, mais **à clarté inchangée** : ce sont
     des fonds, les assombrir les aurait rendues sales. Toute la gamme reste
     ainsi d'une seule et même famille.

     Contraste sur le papier crème : 13,19:1 pour l'accent, 16,76:1 pour le
     crème posé sur l'aplat. Bien au-delà du seuil AAA. */
  --mb-bordeaux-100:  #f7e9eb;
  --mb-bordeaux-300:  #dea8b3;
  --mb-bordeaux-500:  #ab586a;
  --mb-bordeaux-700:  #521826; /* base : liens, filets, contours, capitales */
  --mb-bordeaux-900:  #310c15; /* aplats pleine largeur : hero, contact, pied */

  /* — or (second accent, TRAIT SEULEMENT) — */
  --mb-gold:          #b68235;
  --mb-gold-rule:     rgba(182, 130, 53, 0.45); /* filets sur aplat bordeaux */

  /* — sur aplat bordeaux profond — */
  --mb-on-dark:       #fbf9f8;
  --mb-on-dark-soft:  rgba(251, 249, 248, 0.80);
  --mb-on-dark-muted: rgba(251, 249, 248, 0.62);

  /* — typographie — */
  --mb-font-display:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --mb-font-body:     "Instrument Sans", -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
                      Arial, sans-serif;
  /* Graisses épaissies d'un cran le 31 août 2026, à la demande de l'avocate.
     Les deux romains sont des polices variables couvrant 400 → 600 : le pas se
     prend dans le fichier déjà servi, sans police supplémentaire ni faux gras.

     Le titre passe de 400 à 500. Cormorant Garamond a des pleins très fins —
     c'est son dessin — et sur l'aplat bordeaux, où le crème est posé sur un
     fond sombre, ils s'amincissaient encore. 500 leur rend de la présence sans
     entamer la règle de la DA : les grands corps restent au romain, on ne passe
     pas au gras.

     Le texte courant passe de 400 à 450, moitié moins de pas : à la mesure d'un
     paragraphe, un cran entier alourdirait la page au lieu de l'affermir.

     Les ITALIQUES ne sont fournies qu'en 400, un seul fichier par police. Elles
     resteront donc à 400, quel que soit le poids alentour — et c'est voulu :
     `font-synthesis-weight: none` (base.css) interdit au navigateur de les
     épaissir lui-même, ce qui produirait un tracé bavé. Ne pas retirer cette
     ligne en croyant corriger une incohérence. */
  --mb-weight-display: 500;  /* les grands corps prennent le romain */
  --mb-weight-body:    450;  /* texte courant */
  --mb-weight-ui:      600;  /* semi-gras réservé aux petits corps d'interface */

  /* — échelle de type —
     Les valeurs de la DA sont conservées comme MAXIMUM ; clamp() les fait
     descendre sur petit écran, jamais monter au-dessus. */
  --mb-h1:      clamp(2.375rem, 6.2vw, 4.375rem);   --mb-h1-lh: 1.03;
  --mb-h2:      clamp(1.8125rem, 4.0vw, 2.75rem);   --mb-h2-lh: 1.07;
  --mb-h3:      clamp(1.4375rem, 2.6vw, 1.875rem);   --mb-h3-lh: 1.10;
  --mb-body:    1rem;                        --mb-body-lh: 1.62;
  --mb-small:   13px;
  --mb-caps:    0.6875rem;                        --mb-caps-tracking: 0.20em;

  /* — rythme — */
  --mb-measure:      62ch;  /* mesure du texte justifié : 60 à 68 signes */
  --mb-page-max:     1180px;
  --mb-page-pad:     clamp(20px, 4vw, 48px);
  --mb-section-pad:  clamp(52px, 7vw, 84px);
  --mb-radius:       0;     /* angles vifs partout */
  --mb-rule:         1px;   /* épaisseur unique de filet */

  /* — points de rupture —
     Pour mémoire : @media n'accepte pas var(), ces valeurs sont écrites en dur
     dans layout.css et components.css. Toute modification doit être reportée
     dans les deux fichiers.
       compact  : max-width 640px
       moyen    : max-width 900px
       large    : au-delà */
}