/**
 * Self-hosted Tajawal (replaces the render-blocking Google Fonts request).
 *
 * File names match the Google Fonts distribution as placed in /assets/fonts/.
 * font-display:swap keeps text visible during load (no invisible-text CWV hit).
 */

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

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

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

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/Tajawal-ExtraBold.woff2") format("woff2");
}

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/Tajawal-Black.woff2") format("woff2");
}