/* Thin */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Thin.ttf") format("truetype"), url("./Roboto-Thin.woff") format("woff"),
		url("./Roboto-Thin.woff2") format("woff2");
	font-weight: 200;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* Thin Italic */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-ThinItalic.ttf") format("truetype"),
		url("./Roboto-ThinItalic.woff") format("woff"), url("./Roboto-ThinItalic.woff2") format("woff2");
	font-weight: 200;
	font-stretch: 0% 100%;
	font-style: italic;
}

/* Light */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Light.ttf") format("truetype"), url("./Roboto-Light.woff") format("woff"),
		url("./Roboto-Light.woff2") format("woff2");
	font-weight: 300;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* Light Italic */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-LightItalic.ttf") format("truetype"),
		url("./Roboto-LightItalic.woff") format("woff"),
		url("./Roboto-LightItalic.woff2") format("woff2");
	font-weight: 300;
	font-stretch: 0% 100%;
	font-style: italic;
}

/* Regular */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Regular.ttf") format("truetype"), url("./Roboto-Regular.woff") format("woff"),
		url("./Roboto-Regular.woff2") format("woff2");
	font-weight: 400;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* RegularIt */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Italic.ttf") format("truetype"), url("./Roboto-Italic.woff") format("woff"),
		url("./Roboto-Italic.woff2") format("woff2");
	font-weight: 400;
	font-stretch: 0% 100%;
	font-style: italic;
}

/* Medium */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Medium.ttf") format("truetype"), url("./Roboto-Medium.woff") format("woff"),
		url("./Roboto-Medium.woff2") format("woff2");
	font-weight: 500;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* Medium Italic */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-MediumItalic.ttf") format("truetype"),
		url("./Roboto-MediumItalic.woff") format("woff"),
		url("./Roboto-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-stretch: 0% 100%;
	font-style: italic;
}

/* Bold */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Bold.ttf") format("truetype"), url("./Roboto-Bold.woff") format("woff"),
		url("./Roboto-Bold.woff2") format("woff2");
	font-weight: 700;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* Bold Italic */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-BoldItalic.ttf") format("truetype"),
		url("./Roboto-BoldItalic.woff") format("woff"), url("./Roboto-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-stretch: 0% 100%;
	font-style: italic;
}

/* Black */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-Black.ttf") format("truetype"), url("./Roboto-Black.woff") format("woff"),
		url("./Roboto-Black.woff2") format("woff2");
	font-weight: 900;
	font-stretch: 0% 100%;
	font-style: normal;
}

/* Black Italic */

@font-face {
	font-family: "Roboto";
	src: url("./Roboto-BlackItalic.ttf") format("truetype"),
		url("./Roboto-BlackItalic.woff") format("woff"),
		url("./Roboto-BlackItalic.woff2") format("woff2");
	font-weight: 900;
	font-stretch: 0% 100%;
	font-style: italic;
}


/* ======================================== */
/* Font Variables */
/* ======================================== */

:root {
  --font-roboto: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Default font */
  --font-family-base: var(--font-roboto);
}

/* ======================================== */
/* Helper Classes (matching old Typekit classes) */
/* ======================================== */

.tk-proxima-nova {
  font-family: var(--font-roboto);
}

/* Base body font */
body {
  font-family: var(--font-family-base);
}