/* css/fonts.css */
/* Dossier: css/fonts_inter/ronzino-main/  (woff2) */
/* Dossier: css/fonts_inter/sature_rounded/ (woff/woff2/otf) */

:root{
  --font-ronzino: "Ronzino", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-sature: "Sature Rounded", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* -------------------- */
/* Ronzino (woff2 only) */
/* -------------------- */

@font-face{
  font-family: "Ronzino";
  src: url("ronzino-main/Ronzino-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Ronzino";
  src: url("ronzino-main/Ronzino-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face{
  font-family: "Ronzino";
  src: url("ronzino-main/Ronzino-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Ronzino";
  /* si ton fichier s’appelle différemment, adapte ici */
  src: url("ronzino-main/Ronzino-MediumOblique.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face{
  font-family: "Ronzino";
  src: url("ronzino-main/Ronzino-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Ronzino";
  /* si ton fichier s’appelle différemment, adapte ici */
  src: url("ronzino-main/Ronzino-BoldOblique.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ------------------------ */
/* Sature Rounded (multi)   */
/* ------------------------ */
/* Mets woff2 en premier, puis woff, puis otf en dernier. */

@font-face{
  font-family: "Sature Rounded";
  /* adapte le nom exact du fichier si besoin */
  src:
    url("sature_rounded/SatureRounded-Regular.woff2") format("woff2"),
    url("sature_rounded/SatureRounded-Regular.woff") format("woff"),
    url("sature_rounded/SatureRounded-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Sature Rounded";
  /* adapte le nom exact du fichier si besoin */
  src:
    url("sature_rounded/SatureRounded-Italic.woff2") format("woff2"),
    url("sature_rounded/SatureRounded-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face{
  font-family: "Sature Rounded";
  /* Light Italic */
  src:
    url("sature_rounded/SatureRounded-Lightitalic.woff2") format("woff2"),
    url("sature_rounded/SatureRounded-Lightitalic.woff") format("woff"),
    url("sature_rounded/SatureRounded-Lightitalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face{
  font-family: "Sature Rounded";
  /* Bold Italic */
  src:
    url("sature_rounded/SatureRounded-BoldItalic.woff2") format("woff2"),
    url("sature_rounded/SatureRounded-BoldItalic.woff") format("woff"),
    url("sature_rounded/SatureRounded-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ------------------------ */
/* Exemples d’utilisation   */
/* ------------------------ */

.font-ronzino{ font-family: var(--font-ronzino); }
.font-sature{ font-family: var(--font-sature); }