/* =========================
   RESGAK (OTF)
   ========================= */
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Resgak";
  src: url("fonts/Resgak-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* =========================
   WARNOCK PRO
   ========================= */
@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-Light.woff") format("woff"),
       url("fonts/WarnockPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-LightIt.woff") format("woff"),
       url("fonts/WarnockPro-LightIt.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-Regular.woff") format("woff"),
       url("fonts/WarnockPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-It.woff") format("woff"),
       url("fonts/WarnockPro-It.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-Semibold.woff") format("woff"),
       url("fonts/WarnockPro-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-SemiboldIt.woff") format("woff"),
       url("fonts/WarnockPro-SemiboldIt.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-Bold.woff") format("woff"),
       url("fonts/WarnockPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Warnock Pro";
  src: url("fonts/WarnockPro-BoldIt.woff") format("woff"),
       url("fonts/WarnockPro-BoldIt.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* =========================
   LEAGUE GOTHIC (Variable TTF)
   ========================= */
/* Si c'est bien une variable font (wdth), on peut déclarer un range.
   Et utiliser font-stretch pour la largeur. */
@font-face {
  font-family: "League Gothic";
  src: url("fonts/LeagueGothic-Regular-VariableFont_wdth.ttf") format("truetype");
  font-weight: 100 900;      /* si supporté par le fichier */
  font-stretch: 50% 200%;    /* si le fichier expose wdth */
  font-style: normal;
  font-display: swap;
}