/* ========================================
   STYLES CSS PRINCIPAL - Imports des modules CSS
   ======================================== */

/* Import des polices Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;500&display=swap');

/* Force font-display: swap for all fonts to improve FCP */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    font-display: swap;
}

/*!* Base *!*/
/*@import url('base/variables.css'); !* OK *!*/
/*@import url('base/reset.css'); !* OK *!*/
/*@import url('base/grid.css'); !* OK *!*/

/*!* Import des modules CSS *!*/
/*!* TODO :  Pour tous ces fichiers, vérifier qu'ils utilisent bien les variables et classes définies dans css/base/{variables.css, typography.css, grid.css} *!*/
/*@import url('components/header.css');  !* TODO : vérifier l'usage dans footer.html, enlever tout le code css non utilisé dans footer.html, attention à checker le script js/header.js *!*/
/*@import url('components/footer.css'); !* TODO : vérifier l'usage dans header.html, enlever tout le code css non utilisé dans header.html *!*/

/*@import url('hero.css');*/

/*!* Globally used components *!*/
/*@import url('components/simple-title.css');*/
/*@import url('components/photo-texte.css');*/
/*@import url('components/page-title.css');*/
/*@import url('components/4-cards.css');*/
/*@import url('components/button.css');*/