:root {
	--color-primary: #071756;
	--color-primary-light: #14285f;
	--color-accent: #1dddff;
	--color-accent-text: #0e7490;
	--color-text: #071756;
	--color-text-body: #3d4256;
	--color-bg: #ffffff;
	--color-bg-alt: #f4f7fc;
	--color-border: #e1e6f0;
	--color-navy-deep: #050f3d;
	--color-on-dark: #ffffff;
	--color-on-dark-muted: rgba(255, 255, 255, 0.68);
	--color-on-dark-border: rgba(255, 255, 255, 0.18);

	--font-heading: 'Space Grotesk', sans-serif;
	--font-mono: 'Space Mono', monospace;
	--font-body: 'Inter', sans-serif;

	--section-padding-y: 5rem;
	--container-max: 1280px;
	--radius: 2px;

	/* Riallinea la palette globale di Astra (header/footer/nav nativi)
	   al brand, senza toccare le opzioni salvate del Personalizzatore:
	   sono le stesse custom property che Astra già consuma nei suoi
	   componenti (bottoni, link, nav). */
	--ast-global-color-0: var(--color-primary);
	--ast-global-color-1: var(--color-primary-light);
	--ast-global-color-2: var(--color-text);
	--ast-global-color-3: var(--color-text-body);
}

.main-header-menu a,
.ast-site-identity,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
}

body,
p,
.ap-form input,
.ap-form textarea {
	font-family: var(--font-body);
}