/* Wipy brand tokens: shared by the site, the pagebuilder editor and every block. */

/* Fallback faces as wide as the brand fonts (measured on running text: Unbounded 600
   is 1.30x Arial bold, Instrument Sans 1.02x Arial), so the swap when the web fonts
   arrive keeps the same line breaks and does not shift the page. Text widths in
   style.css are in em, not ch, for the same reason (ch would follow the font). */
@font-face {
	font-family: "Unbounded Fallback";
	src: local("Arial Bold"), local("Arial-BoldMT"), local("Roboto Bold"), local("Roboto-Bold");
	font-weight: 500 700;
	size-adjust: 130%;
}
@font-face {
	font-family: "Instrument Sans Fallback";
	src: local("Arial"), local("ArialMT"), local("Roboto"), local("Roboto-Regular");
	font-weight: 400 600;
	size-adjust: 102%;
}

:root {
	--wy-notte: #161A4A;
	--wy-notte-2: #1E2360;
	--wy-nebbia: #EEF1F8;
	--wy-carta: #FFFFFF;
	--wy-linea: #D9DEEC;
	--wy-grigio: #5A6088;
	--wy-grigio-scuro: #AEB4DA;
	--wy-blu: #3646F5;
	--wy-blu-chiaro: #7C88FF;
	--wy-menta: #1FB386;
	--wy-menta-t: #0E7A5A;
	--wy-rosso: #E63B2E;
	--wy-rosso-t: #B5241A;
	--wy-sole: #FFB31A;
	--wy-sole-t: #8A5A00;
	--wy-display: "Unbounded", "Unbounded Fallback", system-ui, sans-serif;
	--wy-testo: "Instrument Sans", "Instrument Sans Fallback", system-ui, sans-serif;
	--wy-gutter: clamp(16px, 4vw, 64px);
	--wy-max: 1240px;

	/* Wipy UI tokens (docs/conventions/wipy-ui-tokens.md): the shared views (login,
	   registration, profile) and the consent banner drawn like the rest of the site */
	--wipy-font-text: var(--wy-testo);
	--wipy-font-head: var(--wy-display);
	--wipy-head-weight: 600;
	--wipy-primary: var(--wy-blu);
	--wipy-on-primary: var(--wy-carta);
	--wipy-accent: var(--wy-blu);
	--wipy-link: var(--wy-blu);
	--wipy-text: var(--wy-notte);
	--wipy-muted: var(--wy-grigio);
	--wipy-surface: var(--wy-carta);
	--wipy-line: var(--wy-linea);
	--wipy-field-border: var(--wy-grigio);
	--wipy-focus: var(--wy-notte);
	--wipy-radius: 26px;
	--wipy-radius-control: 999px;
	--wipy-control-height: 52px;
	--wipy-btn-padding: 14px 26px;
	--wipy-btn-weight: 600;
	--wipy-page-bg: radial-gradient(ellipse at 75% 30%, var(--wy-notte-2) 0, var(--wy-notte) 65%);
}