/*
 * ULMi — design token.
 * Brand e palette scura da design/fe.html (area Club); palette chiara per i contenuti pubblici.
 */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* Brand */
	--red: #E4192B;
	--red-hi: #FF3145;
	--red-dk: #A50E1C;
	--gold: #E3B23C;
	--gold-dk: #9A751F;
	--ok: #2FBF71;
	--warn: #E8A33D;

	/* Palette scura (header, footer, area Club) */
	--ink: #0B0B0D;
	--surf: #16161A;
	--surf2: #1F1F26;
	--surf3: #282831;
	--line: #2E2E38;
	--line-hi: #7A7A88; /* bordo dei pulsanti: 4,65:1 su --ink, 3,87:1 su --surf2 (WCAG 1.4.11 ≥ 3:1) */
	--txt: #F4F4F6;
	--dim: #8C8C99;
	--dim2: #7A7A88; /* 4,65:1 su --ink: AA per il testo solo sul fondo pagina; sulle card si usa --dim */

	/* Palette chiara (contenuti pubblici) */
	--light-bg: #F4F4F6;
	--light-panel: #FFFFFF;
	--light-txt: #17171C;
	--light-dim: #6B6B76;
	--light-line: #DCDCE3;
	--link: #A50E1C;
	--link-hover: #E4192B;

	/* Tipografia */
	--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--fs-small: 0.875rem;
	--fs-body: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
	--fs-h4: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
	--fs-h3: clamp(1.3125rem, 1.23rem + 0.4vw, 1.5rem);
	--fs-h2: clamp(1.625rem, 1.49rem + 0.65vw, 2rem);
	--fs-h1: clamp(2rem, 1.71rem + 1.3vw, 2.75rem);

	/* Forma e misure */
	--r: 14px;
	--r-sm: 10px;
	--measure: 780px;
	--wide: 1200px;
	--gutter: clamp(16px, 4vw, 32px);
	--header-h: 72px;
	--focus: 0 0 0 3px #fff, 0 0 0 5px var(--red);
}

/* Contesto scuro riutilizzabile (header, footer, futura area Club). */
.ulmi-dark {
	--bg: var(--ink);
	--fg: var(--txt);
	--fg-dim: var(--dim);
	--border: var(--line);
	--focus: 0 0 0 2px var(--ink), 0 0 0 4px var(--red-hi);
}