/*
 * LES TROIS FAMILLES, HEBERGEES.
 *
 * Aucune requete vers un domaine tiers au chargement d'une page. Un organisme
 * de formation publie des coordonnees, des dates de session et des noms de
 * clients : la liste des visiteurs de son site n'a pas a partir chez un tiers
 * pour aller chercher une fonte.
 *
 * Cette feuille est mise en FILE depuis functions.php et jamais importee : un
 * @import bloque le rendu le temps d'aller chercher la feuille.
 *
 * ---------------------------------------------------------------------------
 * ARCHIVO porte les titres, et c'est un choix de metier.
 * ---------------------------------------------------------------------------
 * C'est une grotesque a chasse variable. Son axe de largeur (75 a 112 %)
 * permet de composer les titres en capitales ETROITES, ce qui est exactement
 * l'ecriture de la signaletique de securite : un panneau « SORTIE DE SECOURS »,
 * une consigne d'evacuation, une plaque d'extincteur sont tous composes en
 * capitales condensees. La police ne decore pas le sujet, elle le parle.
 *
 * Un seul fichier par sous-ensemble porte toutes les graisses ET toutes les
 * largeurs : demander 400 et 800 separement aurait donne deux fichiers, alors
 * qu'une fonte variable les contient tous.
 *
 * ---------------------------------------------------------------------------
 * IBM PLEX SANS porte le texte courant.
 * ---------------------------------------------------------------------------
 * Humaniste, dessinee pour des documents techniques, tres lisible en petit
 * corps. Elle tient un paragraphe reglementaire de dix lignes sans fatiguer.
 *
 * ---------------------------------------------------------------------------
 * IBM PLEX MONO porte les MENTIONS TECHNIQUES, et elle a un vrai role.
 * ---------------------------------------------------------------------------
 * Duree d'une formation, effectif, reference d'arrete, code d'article : ce sont
 * des donnees, pas de la prose. Les composer a chasse fixe les aligne en
 * colonne dans une fiche et les distingue au premier coup d'oeil du texte qui
 * les entoure. C'est le meme geste qu'une fiche technique papier.
 *
 * Elle n'est PAS une police d'ornement : elle ne compose jamais un titre ni une
 * phrase.
 */

/* ---------- Archivo, variable : graisse 400-800, largeur 75-112 % ---------- */

@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 75% 112%;
	font-display: swap;
	src: url('archivo-var-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 75% 112%;
	font-display: swap;
	src: url('archivo-var-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Archivo, italique : le seul mot du site qui penche ---------- */

/*
 * L'ITALIQUE N'EST PAS UN ORNEMENT, C'EST UNE CITATION.
 *
 * Sur la carte de visite du client, « Formations » est compose en grasse
 * ITALIQUE, en bleu marine. Le site reprend ce traitement pour son enseigne et
 * pour sa carte de visite, et pour rien d'autre : c'est le seul endroit du site
 * ou un mot penche.
 *
 * Le fichier est charge parce qu'un italique SYNTHETIQUE ne convient pas ici.
 * Le navigateur, faute de fonte italique, incline la romaine : les courbes se
 * deforment, les jonctions s'epaississent, et le lettrage cesse de ressembler a
 * celui de la carte. On paie 100 Ko pour que le nom du client s'ecrive comme il
 * l'a fait imprimer.
 */
@font-face {
	font-family: 'Archivo';
	font-style: italic;
	font-weight: 400 800;
	font-stretch: 75% 112%;
	font-display: swap;
	src: url('archivo-italique-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Archivo';
	font-style: italic;
	font-weight: 400 800;
	font-stretch: 75% 112%;
	font-display: swap;
	src: url('archivo-italique-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- IBM Plex Sans, variable : graisse 400-700 ---------- */

@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('plex-sans-var-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('plex-sans-var-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- IBM Plex Mono, deux graisses statiques ---------- */

@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('plex-mono-500-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('plex-mono-500-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('plex-mono-600-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('plex-mono-600-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}