/* =============================================================================
   Gilroy — @font-face
   -----------------------------------------------------------------------------
   Escala completa 100–950, normal + itálico. Os caminhos são RELATIVOS a este
   arquivo, então basta linká-lo:

     <link rel="stylesheet" href="<?= $dir ?>/fonts/Gilroy/Gilroy.css">

   Declarar todas as variações não pesa: o navegador só baixa os arquivos das
   combinações peso/estilo que a página realmente usa.

   ⚠️  Use ESTE arquivo, não o stylesheet.css que veio no pacote da fonte — lá
       Bold e ExtraBold estavam ambos como `font-weight: bold` (o ExtraBold
       sobrescrevia o Bold), Black e Heavy ambos como 900, e o RegularItalic
       estava numa família com outro nome ('Gilroy-RegularItalic'), fora do
       alcance de `font-style: italic`.

   | peso | nome do arquivo |
   | ---- | --------------- |
   | 100  | Thin            |
   | 200  | UltraLight      |
   | 300  | Light           |
   | 400  | Regular         |
   | 500  | Medium          |
   | 600  | SemiBold        |
   | 700  | Bold            |
   | 800  | ExtraBold       |
   | 900  | Black           |
   | 950  | Heavy           |

   O Heavy é mais pesado que o Black nesta família, por isso vai em 950 (valor
   válido em CSS Fonts 4). Para usá-lo, escreva `font-weight: 950`.
   ============================================================================= */

/* --- 100 · Thin ------------------------------------------------------------ */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Thin.woff2") format("woff2"),
    url("Gilroy-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-ThinItalic.woff2") format("woff2"),
    url("Gilroy-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* --- 200 · UltraLight ------------------------------------------------------ */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-UltraLight.woff2") format("woff2"),
    url("Gilroy-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-UltraLightItalic.woff2") format("woff2"),
    url("Gilroy-UltraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* --- 300 · Light ----------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Light.woff2") format("woff2"),
    url("Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-LightItalic.woff2") format("woff2"),
    url("Gilroy-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* --- 400 · Regular --------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Regular.woff2") format("woff2"),
    url("Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-RegularItalic.woff2") format("woff2"),
    url("Gilroy-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* --- 500 · Medium ---------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Medium.woff2") format("woff2"),
    url("Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-MediumItalic.woff2") format("woff2"),
    url("Gilroy-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* --- 600 · SemiBold -------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-SemiBold.woff2") format("woff2"),
    url("Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-SemiBoldItalic.woff2") format("woff2"),
    url("Gilroy-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* --- 700 · Bold ------------------------------------------------------------ */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Bold.woff2") format("woff2"),
    url("Gilroy-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-BoldItalic.woff2") format("woff2"),
    url("Gilroy-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --- 800 · ExtraBold ------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-ExtraBold.woff2") format("woff2"),
    url("Gilroy-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-ExtraBoldItalic.woff2") format("woff2"),
    url("Gilroy-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* --- 900 · Black ----------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Black.woff2") format("woff2"),
    url("Gilroy-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-BlackItalic.woff2") format("woff2"),
    url("Gilroy-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* --- 950 · Heavy ----------------------------------------------------------- */
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Heavy.woff2") format("woff2"),
    url("Gilroy-Heavy.woff") format("woff");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-HeavyItalic.woff2") format("woff2"),
    url("Gilroy-HeavyItalic.woff") format("woff");
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}
