/* ═══════════════════════════════════════════════════════════════════════════
   ARTICULAT CF — la police du site, auto-hébergée
   ───────────────────────────────────────────────────────────────────────────
   Sept coupes seulement : 400/500/600/700/800 en romain, 400 et 700 en
   oblique. Les obliques ne servent qu'à trois règles (`.real-head h1 em`,
   `.testi-card p`, `.auth-brand__testimonial`) — sans elles, le navigateur
   penche les lettres lui-même et le résultat se voit.

   Les fichiers sont produits par `python tools/build-fonts.py` à partir des
   OTF d'origine : woff2, réduits aux 340 signes réellement employés par le
   site. 451 Ko d'OTF deviennent 118 Ko.

   ⚠️ `font-display: swap` : le texte s'affiche tout de suite dans la police de
   secours, puis bascule. L'alternative (`block`) laisse un blanc de plusieurs
   centaines de millisecondes sur une connexion lente — un site qui vend de la
   rapidité ne peut pas se le permettre.

   ⚠️ ARTICULAT CF EST STATIQUE. Bricolage Grotesque et Inter, qu'elle
   remplace, étaient variables : toute graisse entre 400 et 800 y existait.
   Les valeurs intermédiaires du site (450, 550, 650) ont donc été ramenées sur
   les coupes réelles. NE PAS en réintroduire : le navigateur les arrondirait
   à sa façon, et une partie du texte s'alourdirait sans qu'on l'ait décidé.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: url('../fonts/articulat-700i.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}