/* assets/fonts.css */

/* -------- Titillium Web -------- */
@font-face{
  font-family: 'Titillium Web';
  src: url('./fonts/titillium/TitilliumWeb-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Titillium Web';
  src: url('./fonts/titillium/TitilliumWeb-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Titillium Web';
  src: url('./fonts/titillium/TitilliumWeb-Italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Titillium Web';
  src: url('./fonts/titillium/TitilliumWeb-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Titillium Web';
  src: url('./fonts/titillium/TitilliumWeb-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap; font-stretch: 100%;
}

/* -------- Poppins -------- */
@font-face{
  font-family: 'Poppins';
  src: url('./fonts/poppins/Poppins-Thin.woff2') format('woff2');
  font-weight: 100; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Poppins';
  src: url('./fonts/poppins/Poppins-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Poppins';
  src: url('./fonts/poppins/Poppins-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap; font-stretch: 100%;
}
@font-face{
  font-family: 'Poppins';
  src: url('./fonts/poppins/Poppins-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap; font-stretch: 100%;

}
@font-face{
  font-family: 'Poppins';
  src: url('./fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-stretch: 100%;

}
/*
@font-face{
  font-family:'Poppins';
  src:url('./fonts/poppins/Poppins-ExtraBold.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
  */
/* assets/fonts.css (ou ton app.css si tu préfères tout regrouper) */
:root{
  --ff-title: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --ff-body:'Titillium Web', 'Poppins', sans-serif;
}

body, a{ font-family: var(--ff-body); }

/* titres par défaut du site */
h1,h2,h3,h4,h5,h6{ font-family: var(--ff-title); }

/* petites utilitaires si tu veux forcer au cas par cas */
.u-title{ font-family: var(--ff-title); }
.u-body { font-family: var(--ff-body); }

/* helpers de graisse (optionnels) */
.fw-100{font-weight:100}.fw-300{font-weight:300}.fw-500{font-weight:500}
.fw-600{font-weight:600}.fw-700{font-weight:700}

/* Rendu typographique global */
html {
  /* macOS : l’AA en niveaux de gris est souvent plus net sur les graisses fines */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Meilleure typographie : crénage + ligatures */
  text-rendering: optimizeLegibility; /* hint seulement */
  font-kerning: normal;
  font-feature-settings: "liga" 1, "kern" 1;
  font-optical-sizing: auto;
  font-size-adjust: from-font; /* quand supporté */

  /* Évite les styles “faux” (bold/italic synthétiques = rendu crade) */
  font-synthesis-weight: none;
  font-synthesis-style: none;
}