:root {
  --f-titre: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --f-texte: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-graisse-titre: 600;
  --f-casse-kicker: uppercase;
  --tm: 0.75rem;
  --t1: 1.0rem;
  --t2: 1.333rem;
  --t3: 1.777rem;
  --t4: 2.369rem;
  --t5: 3.157rem;
  --t6: 4.209rem;
  --t7: 5.61rem;
  --t-hero: clamp(3.16rem, 6vw, 7.48rem);
  --e1: 0.3rem;
  --e2: 0.6rem;
  --e3: 0.9rem;
  --e4: 1.2rem;
  --e5: 1.8rem;
  --e6: 2.4rem;
  --e7: 3.6rem;
  --e8: 4.8rem;
  --r-carte: 6px;
  --r-bouton: 6px;
  --r-image: 4px;
  --largeur: 1200px;
  --ico-trait: 1.5;
  --header-h: 72px;
  --c-fond: #fdfdfd;
  --c-fond-2: #f1f4f2;
  --c-surface: #ffffff;
  --c-texte: #2f2325;
  --c-texte-2: #6b575b;
  --c-primaire: #786d6f;
  --c-sur-primaire: #f8f7f7;
  /* L'accent d'action, declare une seule fois pour tout le site : c'est lui
     qui peint les boutons, les liens actifs, les reperes d'etapes et les
     pastilles, sur la home comme sur les pages internes. C'est le gris chaud
     de la direction artistique, celui du logo : un site ne montre jamais deux
     couleurs d'action differentes.
     Les pages du site ne lisent plus que --c-accent : les jetons --c-secondaire*
     et --c-primaire-texte ne sont gardes que comme alias, pour le jeu de
     feuilles de la home qui les remet a jour selon la palette du bloc, et pour
     une eventuelle reprise du gabarit. Une valeur ecrite ailleurs ne peut donc
     plus rouvrir un second accent. */
  --c-accent: #786d6f;
  --c-secondaire: var(--c-accent);
  --c-secondaire-texte: var(--c-accent);
  --c-sur-secondaire: var(--c-sur-primaire);
  --c-primaire-texte: var(--c-accent);
  --c-doux: #e5e6e5;
  --c-sur-doux: #201d1e;
  --c-bord: #d9d3d4;
  --c-voile: #180c0e;
  --c-sur-voile: #ffffff;
  --c-ombre: #240f13;
  --o-carte: 0 18px 40px -12px color-mix(in srgb, #240f13 28%, transparent);
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #240f13 28%, transparent);
  --carte-fond: #ffffff;
  --carte-encre: #2f2325;
  --carte-encre-2: #6b575b;
  --carte-lien: #706668;
  --carte-bord: 2px solid #2f2325;
  --btn-fond: transparent;
  --btn-texte: #706668;
  --btn-bord: 0 solid transparent;
  --btn-ombre: none;
  --btn-deco: underline;
  --lien-couleur: #706668;
  --lien-deco: underline;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #706668;
}

body { font-family: var(--f-texte); }
h1, h2, h3, h4 { font-family: var(--f-titre); }