/* ============================================================
   Cabinet Gabrielle Aynès — Design tokens
   Charte graphique v1.0 · Édition 2026
   Toutes les valeurs proviennent de la charte existante.
   Aucune valeur inventée. Lacunes signalées dans charte.md.
   ============================================================ */

:root {

  /* ---------- PALETTE — couleurs brutes -------------------- */
  /* Fonds chauds */
  --ga-paper:      #fbf8f2;  /* Papier — fond principal        */
  --ga-creme:      #f1eadd;  /* Crème — fond secondaire        */
  --ga-blanc:      #ffffff;  /* Blanc pur — écran / documents  */
  --ga-sand:       #e7e2d8;  /* Sable — fond de plan / hors-page */
  --ga-lin:        #ece2d0;  /* Lin — fond chaud (couverture)  */
  --ga-lin-deep:   #e4d8c2;  /* Lin profond — ton chaud foncé  */

  /* Encres / textes */
  --ga-ink:        #1a1a1d;  /* Encre — texte, logo, filets    */
  --ga-ink-soft:   #56535a;  /* Encre douce — texte secondaire */
  --ga-grege:      #6e6a63;  /* Grège — légendes, libellés     */

  /* Accent */
  --ga-claret:      #7c2e36; /* Bordeaux — accent, signaux     */
  --ga-claret-soft: #9a4751; /* Bordeaux clair — variante      */

  /* États (définis via les encarts do/don't de la charte) */
  --ga-success:    #2a7d6f;  /* Succès — vert                  */
  --ga-error:      #7c2e36;  /* Erreur / alerte = Bordeaux     */

  /* Filets / bordures */
  --ga-rule:       rgba(26, 26, 29, .14); /* filet standard    */
  --ga-rule-2:     rgba(26, 26, 29, .22); /* filet plus marqué */

  /* ---------- RÔLES SÉMANTIQUES ---------------------------- */
  /* Surfaces */
  --color-bg:              var(--ga-paper);   /* fond de page       */
  --color-bg-alt:          var(--ga-creme);   /* fond secondaire    */
  --color-bg-pure:         var(--ga-blanc);   /* fond blanc pur     */
  --color-surface-deep:    var(--ga-lin-deep);/* aplat chaud foncé  */

  /* Texte */
  --color-text:            var(--ga-ink);     /* texte principal    */
  --color-text-muted:      var(--ga-ink-soft);/* texte atténué      */
  --color-text-subtle:     var(--ga-grege);   /* légendes/libellés  */
  --color-text-on-accent:  var(--ga-paper);   /* texte sur bordeaux */

  /* Accent / interactif */
  --color-accent:          var(--ga-claret);       /* liens, signaux, étiquettes, filet court */
  --color-accent-hover:    var(--ga-claret-soft);
  --color-link:            var(--ga-claret);
  --color-link-hover:      var(--ga-claret-soft);

  /* Lignes */
  --color-border:          var(--ga-rule);
  --color-border-strong:   var(--ga-rule-2);

  /* États */
  --color-success:         var(--ga-success);
  --color-error:           var(--ga-error);

  /* ---------- TYPOGRAPHIE ---------------------------------- */
  --font-serif: "EB Garamond", Georgia, "Times New Roman", serif;   /* titres, citations, nom du cabinet */
  --font-sans:  "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; /* corps, libellés, interface */
  --font-mono:  "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;  /* code / specs uniquement */

  /* Graisses effectivement employées dans la charte */
  --fw-light:    300;  /* Archivo — texte courant            */
  --fw-regular:  400;  /* EB Garamond / Archivo régulier     */
  --fw-medium:   500;  /* EB Garamond titres · Archivo       */
  --fw-semibold: 600;  /* Archivo surtitres/libellés         */
  --fw-bold:     700;  /* Archivo — accents forts            */

  /* Échelle typographique — valeurs ÉCRAN recommandées.
     Les fourchettes de la charte figurent en commentaire. */
  --fs-display:   48px;  /* EB Garamond Medium · 42–64 px     */
  --fs-title:     32px;  /* EB Garamond Medium · 27–40 px     */
  --fs-subtitle:  20px;  /* EB Garamond Italic · 16–24 px     */
  --fs-surtitle:  12px;  /* Archivo SemiBold · 11–12 px       */
  --fs-body:      15px;  /* Archivo Light · 14–16 px (min 14) */
  --fs-caption:   10px;  /* Archivo · 9–11 px, capitales      */

  /* Interlignes */
  --lh-display:  1.08;
  --lh-title:    1.12;
  --lh-body:     1.6;

  /* Interlettrage */
  --tracking-surtitle: .28em; /* surtitres bordeaux          */
  --tracking-caption:  .14em; /* légendes en capitales        */

  /* ---------- RAYONS DE BORDURE ---------------------------- */
  /* Non formalisés dans la charte : valeurs récurrentes des supports.
     Voir charte.md § « Rayons ». */
  --radius-sm:   3px;   /* cartes imprimées, petits blocs     */
  --radius-md:   6px;   /* cartes écran, encarts              */
  --radius-pill: 999px; /* boutons / puces (« Prendre RDV »)  */

  /* ---------- ESPACEMENT ----------------------------------- */
  /* La charte ne définit PAS d'échelle d'espacement.
     Voir charte.md § « Espacement ». */
}