@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Regular'),
		url('./Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src:
		local('Roboto Italic'),
		url('./Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src:
		local('Roboto Medium'),
		url('./Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src:
		local('Roboto Medium Italic'),
		url('./Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	src:
		local('Roboto SemiBold'),
		url('./Roboto-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 600;
	src:
		local('Roboto SemiBold Italic'),
		url('./Roboto-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Bold'),
		url('./Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src:
		local('Roboto Bold Italic'),
		url('./Roboto-BoldItalic.ttf') format('truetype');
}

/*
 * Alias Carbon's 'IBM Plex Sans' family to Roboto. Carbon components hardcode
 * font-family: 'IBM Plex Sans', and we've disabled Carbon's own @font-face
 * (see src/carbon.scss) so no IBM Plex asset is ever loaded. Mapping the name
 * to the local Roboto files makes Carbon render Roboto like the rest of the app.
 * (IBM Plex Mono is intentionally left unaliased so monospaced/code text keeps
 * a monospace fallback rather than Roboto.)
 */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Regular'),
		url('./Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 400;
	src:
		local('Roboto Italic'),
		url('./Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	src:
		local('Roboto Medium'),
		url('./Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 500;
	src:
		local('Roboto Medium Italic'),
		url('./Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 600;
	src:
		local('Roboto SemiBold'),
		url('./Roboto-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 600;
	src:
		local('Roboto SemiBold Italic'),
		url('./Roboto-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Bold'),
		url('./Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 700;
	src:
		local('Roboto Bold Italic'),
		url('./Roboto-BoldItalic.ttf') format('truetype');
}