@font-face {
	font-display: swap;
	font-family: "Manrope";
	src: url("../fonts/Manrope-wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 200 800;
}

:root {
	--font-primary: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--text-h1: clamp(2rem, 3.8vw, 3.35rem);
	--text-h2: clamp(1.75rem, 2.8vw, 2.5rem);
	--text-h3: clamp(1.15rem, 1.5vw, 1.375rem);
	--text-body-lg: clamp(1rem, 1.1vw, 1.125rem);
	--text-body: 1rem;
	--text-small: 0.875rem;
	--text-nav: 0.9375rem;
	--text-button: 0.9375rem;
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
}

body {
	font-size: var(--text-body);
	font-weight: 400;
	line-height: 1.65;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: var(--font-primary);
	font-weight: 700;
	letter-spacing: -0.02em;
}

body h1 {
	font-size: var(--text-h1);
	line-height: 1.08;
}

body h2 {
	font-size: var(--text-h2);
	line-height: 1.15;
}

body h3 {
	font-size: var(--text-h3);
	line-height: 1.3;
}

body p,
body li {
	font-weight: 400;
}

body button,
body input[type="submit"],
body input[type="button"],
body .button,
body .uk-button {
	font-family: var(--font-primary);
	font-size: var(--text-button);
	font-weight: 700;
	line-height: 1.2;
}

body .primary-nav__links > a,
body .site-navigation a {
	font-family: var(--font-primary);
	font-size: var(--text-nav);
	font-weight: 600;
}

body.foxtele-uk-home .primary-nav__links > a {
	font-size: var(--text-nav);
	font-weight: 600;
}

body.foxtele-shared-header-page .site-header .primary-nav__links > a {
	font-size: var(--text-nav);
	font-weight: 600;
}

body .site-footer h2 {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.09em;
}

body .site-footer__nav > a,
body .site-footer__brand > p,
body .site-footer__support p,
body .site-footer__bottom {
	font-size: var(--text-small);
	font-weight: 400;
}

body .uk-plan-card__features li {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.45;
}

body .uk-accordion summary {
	font-size: var(--text-body);
	font-weight: 600;
}

body .uk-accordion details p {
	font-size: var(--text-small);
	line-height: 1.7;
}

@media (max-width: 699px) {
	body h1 {
		font-size: clamp(2rem, 9vw, 2.5rem);
	}

	body h2 {
		font-size: clamp(1.75rem, 7.5vw, 2.25rem);
	}

	body h3 {
		font-size: clamp(1.125rem, 5vw, 1.25rem);
	}
}