/* Les trois familles de la charte sont TÉLÉCHARGÉES ici, et non dans une
   feuille propre à l'intranet : sans cet import, les pages du site public
   déclaraient Manrope sans jamais l'obtenir et retombaient sur la police du
   système. Deux typographies cohabitaient alors, l'une sur le site, l'autre
   sur l'intranet. Cet import doit rester en TÊTE du fichier : la règle CSS
   @import est ignorée si une autre règle la précède. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap');

/* ===================================================================
   TYPOGRAPHIE NJILAVENTURE — socle unique du site et de l'intranet.

   Toute page, sans exception, doit charger ce fichier : c'est lui qui
   déclare la police de marque et les trois familles de la charte. Une
   page qui l'oublie retombe sur la police du navigateur (Times, Arial),
   et se voit immédiatement au milieu des autres.

   Ordre d'inclusion : ce fichier AVANT la feuille de style de la page.
   =================================================================== */

@font-face {
    font-family: 'NJILAVENTURE Pro';
    src: url('/assets/fonts/NJILAVENTURE_pro.woff') format('woff'),
         url('/assets/fonts/NJILAVENTURE_pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* La police de marque porte TOUT : titres, texte courant, tableaux,
       boutons, formulaires. Elle était jusqu'ici réservée aux titres, et le
       reste s'affichait en Manrope — d'où ces écrits qui n'étaient pas à la
       charte. Les familles qui suivent ne sont que des secours, employés le
       temps que le fichier arrive ou s'il n'arrive pas. */
    --njila-serif: 'NJILAVENTURE Pro', 'Cormorant Garamond', 'Garamond', 'Times New Roman', serif;
    --njila-sans:  'NJILAVENTURE Pro', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    /* Références, matricules, montants : la même police, avec une chasse fixe
       en secours pour que les colonnes de chiffres restent alignées si elle
       venait à manquer. */
    --njila-mono:  'NJILAVENTURE Pro', 'DM Mono', ui-monospace, Menlo, monospace;

    /* Alias historiques du site public : mêmes valeurs, un seul réglage. */
    --serif: var(--njila-serif);
    --sans:  var(--njila-sans);
    --mono:  var(--njila-mono);
}

/* La règle porte sur l'élément racine : tout en hérite, y compris ce qui est
   inséré par JavaScript après le chargement. */
html, body { font-family: var(--njila-sans); }

h1, h2, h3, h4, h5, h6, .font-serif, .serif {
    font-family: var(--njila-serif);
}
.font-sans, .sans { font-family: var(--njila-sans); }
.font-mono, .mono { font-family: var(--njila-mono); }

/* Les champs de formulaire n'héritent pas de la page : le navigateur leur
   impose sa propre police. Sans cette règle, chaque saisie, chaque menu
   déroulant et chaque bouton retombait sur Arial au milieu du reste. */
button, input, optgroup, select, textarea {
    font-family: inherit;
}

/* Les nombres alignés en colonne — montants, références — gardent une chasse
   régulière quand la police le permet. */
table, .tabulaire { font-variant-numeric: tabular-nums; }