﻿/**
 * Intersections typography — aliases verso i preset theme.json (--wp--preset--*).
 * Modifica h1/h2/p in theme.json; qui restano alias e stili blocco (tagline, titolo S, body S).
 */

/* Panel Sans: fallback se theme.json fontFace non trova il file in assets/fonts. */
@font-face {
	font-family: "Panel Sans";
	src: url("../fonts/fonnts.com-Panel_Sans_Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--int-font-panel-sans: var(--wp--preset--font-family--panel-sans, "Panel Sans", system-ui, sans-serif);
	--int-font-poppins: var(--wp--preset--font-family--poppins, "Poppins", system-ui, sans-serif);

	--int-size-h1: var(--wp--preset--font-size--int-h1, 70px);
	--int-size-h2: var(--wp--preset--font-size--int-h2, 52px);
	--int-size-body: var(--wp--preset--font-size--int-body, 17px);
	--int-size-tagline: var(--wp--preset--font-size--int-tagline, 12px);
	--int-size-title-s: var(--wp--preset--font-size--int-title-s, 20px);
	--int-size-body-s: var(--wp--preset--font-size--int-body-s, 14px);
}

.is-style-intersections-tagline {
	font-family: var(--int-font-poppins);
	font-weight: 500;
	font-style: normal;
	font-size: var(--int-size-tagline);
	line-height: 1.2;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.is-style-intersections-body-s {
	font-family: var(--int-font-poppins);
	font-weight: 400;
	font-style: normal;
	font-size: var(--int-size-body-s);
	line-height: 1.4;
	letter-spacing: 0;
	text-align: center;
}

.is-style-intersections-title-s {
	font-family: var(--int-font-poppins);
	font-weight: 600;
	font-style: normal;
	font-size: var(--int-size-title-s);
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}
