/*
 * Application web fonts.
 *
 * These @font-face rules used to be repeated inline in 26 Blade views, each one building
 * its src from a templated asset() call. Blade inside a style block is not parseable as
 * CSS, so every one of those files reported a syntax error in the editor, and the same
 * three declarations had to be kept in step by hand across all of them.
 *
 * Paths here are relative to this file, which is what lets the rules live in a plain .css
 * with no templating: files/ sits next to it, and the theme fonts are two levels up.
 */

/* --- Figtree ------------------------------------------------------------------------ */

@font-face {
	font-family: 'VBB Figtree';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('files/figtree-latin-400-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'VBB Figtree';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('files/figtree-latin-500-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'VBB Figtree';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('files/figtree-latin-600-normal.woff2') format('woff2');
}

/*
 * The case-view page names the identical files under a second family. Kept as a working
 * alias rather than renamed: the name is referenced throughout that page's own styles, so
 * collapsing the two is a separate change from moving them out of the templates.
 */

@font-face {
	font-family: 'Case View Figtree';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('files/figtree-latin-400-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'Case View Figtree';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('files/figtree-latin-500-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'Case View Figtree';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('files/figtree-latin-600-normal.woff2') format('woff2');
}

/* --- Urdu ---------------------------------------------------------------------------- */

@font-face {
	font-family: 'Jameel Noori Nastaleeq';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../theme/fonts/JameelNooriNastaleeq.ttf') format('truetype');
}
