/**
 * Self-hosted webfonts.
 *
 * These used to be requested from Google's CDN on every page view, which sends
 * each visitor's IP address to Google and adds two extra connections before any
 * text can render. Serving them from the site removes both problems.
 *
 * Aref Ruqaa — headings. Drawn from the Ruqaa calligraphic tradition, the same
 * lineage the ornament in mehndi work comes from. Two weights only, by design.
 * Inter — body and UI.
 *
 * font-display: swap so text is readable immediately in the fallback face.
 */

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

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

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

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

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

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