/* Polices auto-hébergées (B2) — plus aucun appel à fonts.googleapis.com / fonts.gstatic.com.
   Motivation : RGPD (le CDN Google Fonts transmet l'IP visiteur à Google — sanctionné par
   plusieurs juridictions UE) + fonctionnement hors-ligne honnête de la PWA + 1 requête réseau
   en moins au 1er rendu. Téléchargées le 2026-06-13 (Inter v20, Material Icons v145).

   Inter = police VARIABLE : un seul woff2 (~47 Ko, sous-ensemble latin couvrant les accents
   FR) couvre toute la plage 100→900 via l'axe de graisse. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter-var.woff2') format('woff2');
}

/* Material Icons (police à ligatures) — requise par les pages mobiles (.mat-icon affiche le
   nom de l'icône en clair sans cette police, cf CLAUDE.md §5). MudBlazor desktop utilise du SVG
   inline et n'en dépend pas, mais on la sert quand même pour les ligatures Material. */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/material-icons.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}