/* TODO: Do some font wizardry to bundle Circular as a single font face */

/* Circular Light */

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 300;
	font-style: normal;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_light.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_light.woff2')
			format('woff2');
}

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 300;
	font-style: italic;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_light_italic.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_light_italic.woff2')
			format('woff2');
}

/* Circular Regular */

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 400;
	font-style: normal;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_regular.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_regular.woff2')
			format('woff2');
}

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 400;
	font-style: italic;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_regular_italic.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_regular_italic.woff2')
			format('woff2');
}

/* Circular Book */

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 500;
	font-style: normal;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_book.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_book.woff2')
			format('woff2');
}

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 500;
	font-style: italic;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_book_italic.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_book_italic.woff2')
			format('woff2');
}

/* Circular Medium */

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 600;
	font-style: normal;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_medium.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_medium.woff2')
			format('woff2');
}

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 600;
	font-style: italic;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_medium_italic.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_medium_italic.woff2')
			format('woff2');
}

/* Circular Bold */

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 700;
	font-style: normal;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_bold.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_bold.woff2')
			format('woff2');
}

@font-face {
	font-family: 'CircularXXWeb';
	font-weight: 700;
	font-style: italic;
	src:
		url('/assets/fonts/circular_xx_web/circular_xx_web_bold_italic.woff')
			format('woff'),
		url('/assets/fonts/circular_xx_web/circular_xx_web_bold_italic.woff2')
			format('woff2');
}

/* Readex Pro, for Arabic */
/* TODO: Do some font wizardry to bundle Readex Pro inside Circular */

@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 160 700;
	src: url('/assets/fonts/readex_pro/readex_pro_variable.woff2') format('woff2');
	/* The font is only downloaded if text in the DOM is in Arabic, whose
	characters are identified by the unicode ranges below. */
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1,
		U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
		U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF,
		U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32,
		U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B,
		U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D,
		U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77,
		U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3,
		U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}