/* ==========================================
   INTER - English / General UI
========================================== */

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ==========================================
   NOTO KUFI ARABIC
========================================== */

@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("../fonts/noto-kufi-arabic-arabic-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("../fonts/noto-kufi-arabic-arabic-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("../fonts/noto-kufi-arabic-arabic-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("../fonts/noto-kufi-arabic-arabic-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ==========================================
   CAVEAT - JUST Science slogan
========================================== */

@font-face {
    font-family: "Caveat";
    src: url("../fonts/caveat-latin-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Caveat";
    src: url("../fonts/caveat-latin-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* ==========================================
   AREF RUQAA - Arabic handwritten slogan
========================================== */

@font-face {
    font-family: "Aref Ruqaa";
    src: url("../fonts/aref-ruqaa-arabic-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Aref Ruqaa";
    src: url("../fonts/aref-ruqaa-arabic-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Arabic handwritten slogan */
html[lang="ar"] .science-script,
html[lang="ar"] .science-footer {
    font-family: "Aref Ruqaa", serif;
}


/* ==========================================
   FONT SELECTION
========================================== */

/* English/default */
html,
body {
    font-family: "Inter", Arial, sans-serif;
}

/* Arabic pages */
html[lang="ar"] body {
    font-family: "Noto Kufi Arabic", Arial, sans-serif;
}

/* Handwritten JUST slogan */
.science-script,
.science-footer {
    font-family: "Caveat", cursive;
}