/**
 * ================================================================
 * FROGGY NETWORK — FONTS
 * ================================================================
 * Déclare les trois polices officielles depuis le dossier fonts/
 * Inclure après froggy-tokens.css, avant froggy-components.css
 *
 * <link rel="stylesheet" href="css/froggy-fonts.css">
 *
 * OPTION ALTERNATIVE : Google Fonts (DM Sans uniquement)
 * <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
 * ================================================================
 */

/* ============================================================
   SPIN CYCLE — Logotype / Display
   Usage : titres hero, logotype, headings display uniquement
   Ne pas utiliser pour le corps de texte
   ============================================================ */
@font-face {
  font-family: 'SpinCycle';
  src: url('../fonts/SPINC.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   SEGOE PRINT BOLD — Taglines / Sous-titres
   Usage : taglines, sous-titres de section, baseline du logo,
           citations, accroches marketing
   ============================================================ */
@font-face {
  font-family: 'SegoePrint';
  src: url('../fonts/segoepr.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   NOTO MONO REGULAR — Code / Données techniques
   Usage : valeurs chiffrées, tokens CSS, blocs code,
           adresses IP, SLA, références, tableaux de données
   Licence : SIL Open Font License (voir fonts/SIL-Open-Font-License.txt)
   ============================================================ */
@font-face {
  font-family: 'NotoMono';
  src: url('../fonts/NotoMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   DM SANS — Corps de texte web (complément digital)
   Usage : paragraphes, listes, menus, formulaires, labels
   Chargement depuis Google Fonts (connexion internet requise)
   Fallback : Helvetica Neue, Arial
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');