/* =============================================================
   🎨 POLICE DU SITE — Fichier de configuration
   =============================================================
   C'est ICI que vous pouvez changer la police de tout le site
   (accueil, pages, connexion, tableau de bord admin/vendeur...).

   👉 POUR CHANGER DE POLICE, 2 ÉTAPES :

   1️⃣  Remplacez "Roboto" dans l'URL @import ci-dessous par le nom
       de votre police (récupérez le lien sur https://fonts.google.com
       → "Get font" → "<link>" → copiez l'URL "css2").
       Exemple avec Open Sans :
       @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

   2️⃣  Remplacez "Roboto" (5 endroits) par le même nom de police :
       - dans :root (--fw-font, --fw-font-heading, --font-body, --font-heading)
       - dans la règle font-family de la partie 3.

   💡 Le nom de la police doit être IDENTIQUE dans l'URL @import
      et dans les règles CSS (ex : 'Roboto' dans le CSS → Roboto dans l'URL).
   ============================================================= */

/* 1️⃣ Chargement de la police depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap');

/* 2️⃣ Définition des polices (corps de texte & titres) */
:root {
  --fw-font: 'Roboto', sans-serif;          /* design system freela-web (corps) */
  --fw-font-heading: 'Roboto', sans-serif;  /* design system freela-web (titres) */
  --font-body: 'Roboto', sans-serif;        /* template Multigig (corps) */
  --font-heading: 'Roboto', sans-serif;     /* template Multigig (titres) */
}

/* 3️⃣ Application de la police sur tous les éléments */
body,
.fm-home,
.fm-header,
.fm-footer,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
  font-family: 'Roboto', sans-serif !important;
}