/**
 * Tipografia Extendi: Inter + Inter Display.
 * Scala titoli come https://www.extendi.it/ ("Software. AI. App. Su misura.")
 */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Inter-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Inter-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Inter-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "Inter Display";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/InterDisplay-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "Inter Display";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/InterDisplay-Bold.woff2") format("woff2");
}

:root {
	--yic-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--yic-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--yic-font-headline: "Inter Display", "Inter", system-ui, sans-serif;
	--yic-font-label: "Inter", system-ui, sans-serif;
	--yic-text-headline-xl: 4.5rem; /* 72px */
	--yic-text-headline-lg: 3.052rem; /* 48.83px */
	--yic-text-headline-md: 2.4375rem; /* 39px */
	--yic-text-subtitle: clamp(1.25rem, 1.2rem + 0.35vw, 1.5625rem); /* 20–25px */
	--yic-subtitle-color: #87868a;
	--yic-leading-heading: 1.2;
	--yic-leading-subtitle: 1.4;
}

html,
body {
	font-family: var(--yic-font-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--yic-font-headline);
}

h1,
.yic-page-title,
.yic-prod-hero__title,
.yic-hero__title,
.yic-sp-hero h1,
.yic-lp-hero h1,
.yic-prose h1,
.entry-content h1 {
	font-family: var(--yic-font-headline);
	font-size: clamp(2.5rem, 1.25rem + 3.6vw, 4.5rem);
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.2;
}

h2,
.yic-section-title,
.yic-prose h2,
.entry-content h2,
.yic-content-excubia .yic-prose h2,
.yic-content-excubia h2,
.yic-prod-builder .yic-builder-title,
.yic-prod-builder h2.yic-builder-title__main,
.yic-sp-feature h2,
.yic-faq h2 {
	font-family: var(--yic-font-headline);
	font-size: clamp(2rem, 1rem + 2.45vw, 3.052rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
}

h3,
.yic-prose h3,
.entry-content h3,
.yic-content-excubia .yic-prose h3,
.yic-content-excubia h3,
.yic-prod-builder h3.yic-builder-title__main {
	font-family: var(--yic-font-headline);
	font-size: clamp(1.625rem, 1rem + 1.85vw, 2.4375rem);
	font-weight: 600;
	letter-spacing: -0.2px;
	line-height: 1.3;
}

h4,
.yic-prose h4,
.entry-content h4 {
	font-family: var(--yic-font-headline);
	font-size: clamp(1.375rem, 2.2vw, 1.953rem);
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 1.2;
}

h5,
.yic-prose h5,
.entry-content h5,
.yic-subtitle,
.yic-prod-hero__desc,
.yic-prod-hero__tagline,
.yic-hero__text,
.yic-sp-hero__intro,
.yic-section-header__sub,
.yic-hub-hero__lead,
.yic-tipo-hero__lead,
.yic-news-hero__desc,
.yic-sd-hero__lead,
.yic-gen-hero__lead,
.yic-conti-hero__lead,
.yic-carte-hero__lead,
.yic-mutui-hero__lead,
.yic-libretti-hero__lead,
[class*="-hero__lead"],
[class*="-hero__intro"] {
	font-family: var(--yic-font-headline);
	font-size: var(--yic-text-subtitle);
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: var(--yic-leading-subtitle);
	color: var(--yic-subtitle-color);
}

h6,
.yic-prose h6,
.entry-content h6 {
	font-family: var(--yic-font-headline);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 1.4;
}