/*
  Type roles — Degular (OH no Type Co.), demo files for private design review.
  Display: large statements. Standard: mid-size headings. Text: reading and UI.
  Replace with the licensed family before publishing; the demo character set is limited.
  Three of these files are also preloaded in the <head> of index.html and webinars/index.html
  (the first screen's headline, lede and button): rename them there too.
*/
@font-face {
	font-family: 'FUO Display';
	src: url('fonts/DegularDisplayDemo-Medium.otf') format('opentype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Display';
	src: url('fonts/DegularDisplayDemo-Semibold.otf') format('opentype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Standard';
	src: url('fonts/DegularDemo-Medium.otf') format('opentype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Standard';
	src: url('fonts/DegularDemo-Semibold.otf') format('opentype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Standard';
	src: url('fonts/DegularDemo-Bold.otf') format('opentype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Text';
	src: url('fonts/DegularTextDemo-Regular.otf') format('opentype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Text';
	src: url('fonts/DegularTextDemo-Medium.otf') format('opentype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'FUO Text';
	src: url('fonts/DegularTextDemo-Semibold.otf') format('opentype');
	font-weight: 600 700;
	font-display: swap;
}

:root {
	--display: 'FUO Display', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
	--standard: 'FUO Standard', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
	--sans: 'FUO Text', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
}