/* Optimisation du chargement des fonts pour éviter les layout shifts */

/* Fonts locales avec font-display: swap pour éviter FOIT/FOUT */
@font-face {
  font-family: 'Cera-Regular';
  src: url('../fonts/Cera-Regular.woff2') format('woff2'),
       url('../fonts/Cera-Regular.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cera-Medium';
  src: url('../fonts/Cera-Medium.woff2') format('woff2'),
       url('../fonts/Cera-Medium.woff') format('woff');
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'CeraStencil-Light';
  src: url('../fonts/CeraStencil-Light.woff2') format('woff2'),
       url('../fonts/CeraStencil-Light.woff') format('woff');
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../fonts/WorkSans-Regular.woff2') format('woff2'),
       url('../fonts/WorkSans-Regular.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* Optimisation des fonts Google avec preconnect et font-display */
/* Ces fonts sont chargées via link preconnect dans le head */

/* Fallback fonts pour éviter les layout shifts pendant le chargement */
body {
  font-family: 'Cera-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}


/* Classes utilitaires pour optimiser l'affichage des fonts */
.font-display-swap {
  font-display: swap;
}

.font-loading {
  visibility: hidden;
}

.font-loaded {
  visibility: visible;
}