/* ─────────────────────────────────────────────────────────────────────────────
   POINTS DE RUPTURE — échelle unique du site.

   Toute nouvelle règle responsive doit reprendre une de ces valeurs. Elles étaient
   onze auparavant, dont quatre entre 820 et 920 faisant exactement le même travail :
   chaque ajout demandait de deviner laquelle s'appliquait, et deux mises en page
   voisines basculaient à 40px d'écart sans raison.

     600px   mobile — empilement complet, pleine largeur
     767px   bascule du menu principal (paire min:768px) — seuil STRUCTUREL,
             c'est là que le menu devient un bouton
     900px   tablette — deux colonnes deviennent une (paire min:901px)
     1360px  grand écran — le rail latéral peut se déployer
     1499px  très grand écran — sommaire ancré en marge

   Les fusions ont toutes été faites dans le sens qui ÉLARGIT l'empilement : une
   colonne qui s'empile un peu plus tôt ne casse jamais rien, l'inverse déborde.
   ───────────────────────────────────────────────────────────────────────────── */

/* faf-tokens.css — jetons de design du site Face à Face.
   Source unique : ces variables étaient redéclarées à l'identique dans
   faf-service.css, faf-blog.css et faf-article.css. Une valeur modifiée devait
   donc l'être trois fois, et une divergence passait inaperçue — c'est ainsi que
   --script était resté sur Parisienne pour les pages services alors que le carnet
   était déjà passé en Cormorant.

   Déclarés sur :root, ils sont hérités par tous les scopes (.faf-page, .faf-blog,
   .faf-art) sans que ceux-ci aient à les répéter.
   Cette feuille est chargée avant les autres via la dépendance 'faf-tokens'. */

:root {

  /* Fonds et papiers */
  --paper: #FBF6EE;
  --sand: #F5EBDD;
  --sand-deep: #EDE0CE;
  --nude: #F1E3D5;
  --nude-deep: #E4D1BF;
  --cream: #FCF8F1;

  /* Terres et accents */
  --clay: #B37F52;
  --clay-deep: #95633A;
  --sienna: #C0855A;
  --gold: #C6A063;

  /* Teal — couleur d'action */
  --teal: #58AC9F;
  --teal-dark: #3d8579;

  /* Encres */
  --ink: #3E362D;
  --ink-soft: #6E6155;
  --ink-muted: #A89A8A;
  --text: #5E5347;

  /* Filets */
  --line: rgba(62,54,45,.10);
  --line-soft: rgba(62,54,45,.05);

  /* Familles typographiques */
  --display: 'Cormorant Garamond',Georgia,serif;
  --script: 'Cormorant Garamond',Georgia,serif;
  --sans: 'Raleway',system-ui,sans-serif;

  /* Gabarit */
  --wrap: 1160px;
}