/*
 * Roboto font stylesheet
 * - Uses local files under ./files/ if present (woff2 recommended)
 * - Falls back to Google Fonts when local files are not available
 */

/*
 * Local Roboto @font-face definitions
 * Place font files in the ./files/ directory with the following recommended names:
 * - roboto-regular.woff2, roboto-regular.woff, roboto-regular.ttf
 * - roboto-bold.woff2,    roboto-bold.woff,    roboto-bold.ttf
 */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('./files/roboto-regular.woff2') format('woff2'),
		 url('./files/roboto-regular.woff') format('woff'),
		 url('./files/roboto-regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('./files/roboto-bold.woff2') format('woff2'),
		 url('./files/roboto-bold.woff') format('woff'),
		 url('./files/roboto-bold.ttf') format('truetype');
	font-display: swap;
}

/* Default English font variable (use in your CSS) */
:root { --font-en: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }

html[lang="en"] body {
	font-family: var(--font-en);
}

/* End of Roboto stylesheet */