/* ==========================================================================
   VISION 2045 — polices officielles, auto-hébergées
   --------------------------------------------------------------------------
   Grota Rounded  → titres et libellés d'interface (toujours en capitales)
   Rubik          → textes courants

   Grota Rounded se décline en trois graisses, appelées sous un seul nom de
   famille afin de garder un seul jeton CSS (--f-titre) :

     400  Regular          grota-rounded-regular
     700  Bold             grota-rounded-bold      → libellés, boutons, nav
     900  Titles Black     grota-rounded-black     → titres h1…h5, chiffres

   Le fichier « Titles Black » est le dessin de titrage fourni par la fonderie
   (chasse resserrée, ligatures capitales LA LE LI LL LO LU RA RE RI RO RU).
   Ces ligatures s'activent d'elles-mêmes sur les titres : dans style.css,
   l'interlettrage des h1…h5 est donc remis à zéro, faute de quoi les
   navigateurs basés sur Chromium les désactivent silencieusement.

   Rubik est livrée en fonte variable (axe wght 300 → 900) : un seul fichier
   couvre toutes les graisses, demi-graisses comprises. Sous-ensemblée au
   latin étendu + ponctuation française (335 glyphes) : tous les signes du
   site sont présents (é è ê ë à â ä î ï ô ö ù û ü ç œ « » – — ’ … ° © · ³ €).
   48 Ko au lieu de 345 Ko pour le fichier d'origine.

   Aucun appel à un service tiers : le site reste conforme à la nLPD sans
   réglage supplémentaire, et aucune requête externe ne ralentit l'affichage.

   ┌ AJOUTER LE WOFF2 DE RUBIK (environ 30 % de poids en moins) ─────────────┐
   │  Grota est déjà fournie en woff2 par la fonderie. Pour Rubik :          │
   │  1. sudo apt install woff2                                              │
   │  2. cd static/fonts && woff2_compress rubik.ttf                         │
   │  3. Ajouter en PREMIÈRE ligne du bloc src de Rubik ci-dessous :         │
   │     url("../fonts/rubik.woff2") format("woff2"),             │
   │  4. python3 build.py                                                    │
   └─────────────────────────────────────────────────────────────────────────┘
   ========================================================================== */

/* --- Grota Rounded — titres et interface --------------------------------- */

@font-face {
  font-family: "Grota Rounded";
  src: url("../fonts/grota-rounded-regular.woff2") format("woff2"),
       url("../fonts/grota-rounded-regular.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Grota Rounded";
  src: url("../fonts/grota-rounded-bold.woff2") format("woff2"),
       url("../fonts/grota-rounded-bold.woff")  format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Grota Rounded";
  src: url("../fonts/grota-rounded-black.woff2") format("woff2"),
       url("../fonts/grota-rounded-black.woff")  format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --- Rubik — textes courants (fonte variable, axe wght 300 → 900) -------- */

@font-face {
  font-family: "Rubik";
  src: url("../fonts/rubik.woff") format("woff"),
       url("../fonts/rubik.ttf")  format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}