/* ──────────────────────────────────────────────────────────────
   Self-hosted Variable Fonts
   /public/fonts/...
   ────────────────────────────────────────────────────────────── */

/* =========================
    Intstrument Sans
========================= */
@font-face {
    font-family: 'InstrumentSans';
    src: url('/fonts/InstrumentSans.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* =========================
   Inter
========================= */

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* =========================
   Plus Jakarta Sans
========================= */

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/fonts/jakarta/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/fonts/jakarta/PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight: 200 800;
    font-style: italic;
    font-display: swap;
}

/* =========================
   DM Sans
========================= */

@font-face {
    font-family: "DM Sans";
    src: url("/fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DM Sans";
    src: url("/fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 1000;
    font-style: italic;
    font-display: swap;
}

/* =========================
   Poppins
========================= */

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-VariableFont_wght.otf") format("opentype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Italic-VariableFont_wght.otf") format("opentype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* =========================
   Manrope
========================= */

@font-face {
    font-family: "Manrope";
    src: url("/fonts/manrope/Manrope-VariableFont_wght.ttf") format("truetype");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

/* =========================
   Roboto
========================= */

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}