/* Local Stem (Timeweb Cloud) + Manrope — no remote font round-trip */
@font-face {
	font-family: "Stem";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Regular-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Regular-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Medium-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Medium-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Medium-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Medium-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Bold-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Bold-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Bold-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Bold-TW.woff") format("woff");
}

/* Timeweb-style named faces (explicit family per weight) */
@font-face {
	font-family: "Stem-Regular";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Regular-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Regular-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem-Medium";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Medium-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Medium-TW.woff") format("woff");
}
@font-face {
	font-family: "Stem-Bold";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("/assets/fonts/stem/Stem-Bold-TW.woff2") format("woff2"),
		url("/assets/fonts/stem/Stem-Bold-TW.woff") format("woff");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/assets/fonts/manrope/manrope-500.woff2") format("woff2");
}
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/assets/fonts/manrope/manrope-600.woff2") format("woff2");
}
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/manrope/manrope-700.woff2") format("woff2");
}
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("/assets/fonts/manrope/manrope-800.woff2") format("woff2");
}

:root {
	--tw-font: "Stem", "Stem-Regular", Arial, sans-serif;
	--font-family-regular: "Stem-Regular", "Stem", Arial, sans-serif;
	--font-family-medium: "Stem-Medium", "Stem", Arial, sans-serif;
	--font-family-bold: "Stem-Bold", "Stem", Arial, sans-serif;
}

html,
body,
body#kt_body,
#kt_body,
.eru-home,
.eru-order,
.eru-control,
.eru-settings,
.eru-tw-settings,
.eru-console,
.eru-adm,
.eru-tw-admin,
.eru-tickets,
.login {
	font-family: var(--tw-font) !important;
}

button,
input,
select,
textarea,
.btn,
.form-control,
.eru-act,
.eru-action,
.eru-tabs__link,
.eru-adm-nav__link,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit !important;
}