/* 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;
}