@font-path: '/fonts';

/* roboto-300 */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src:
		local('Roboto Light'),
		local('Roboto-Light'),
		url('@{font-path}/roboto-2026-300.woff2') format('woff2'),
		url('@{font-path}/roboto-2026-300.woff') format('woff');
}

/* roboto-400 */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto'),
		local('Roboto-Regular'),
		url('@{font-path}/roboto-2026-400.woff2') format('woff2'),
		url('@{font-path}/roboto-2026-400.woff') format('woff');
}

/* roboto-700 */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Bold'),
		local('Roboto-Bold'),
		url('@{font-path}/roboto-2026-700.woff2') format('woff2'),
		url('@{font-path}/roboto-2026-700.woff') format('woff');
}