/*
 * Design tokens sampled from the client's approved mockups
 * (AF_Website_revamp_2026.7.27.pptx). Colours are a first pass from pixel
 * sampling, not the brand guideline file — confirm against real brand
 * assets before this becomes the source of truth (see plan, Stage C).
 *
 * These custom properties are what every template, and every Elementor
 * global colour/typography setting once Pro is active, should reference —
 * never a hard-coded hex value in a template or page build.
 */
:root {
	--aislf-color-navy: #0a2540;
	--aislf-color-navy-light: #133150;
	--aislf-color-cream: #f8f5f0;
	--aislf-color-white: #ffffff;
	--aislf-color-gold: #b08d57;
	--aislf-color-ink: #1a1a1a;

	--aislf-font-heading: "Bembo", Georgia, "Times New Roman", serif; /* Bembo: licence TBC, see plan */
	--aislf-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;

	--aislf-space-1: 0.5rem;
	--aislf-space-2: 1rem;
	--aislf-space-3: 1.5rem;
	--aislf-space-4: 2rem;
	--aislf-space-6: 3rem;
	--aislf-space-8: 4rem;

	--aislf-radius: 2px;
	--aislf-max-width: 1200px;
	--aislf-container-padding: var(--aislf-space-3);

	/* Type scale — added alongside the homepage/header/footer build so no
	   template needs a magic-number font-size. */
	--aislf-font-size-body: 1rem;
	--aislf-font-size-eyebrow: 0.8125rem;
	--aislf-font-size-h1: clamp(2rem, 4vw + 1rem, 3.5rem);
	--aislf-font-size-h2: clamp(1.5rem, 2.5vw + 1rem, 2.25rem);
	--aislf-font-size-h3: 1.25rem;
	--aislf-line-height-heading: 1.15;
	--aislf-line-height-body: 1.6;

	--aislf-header-height: 5.5rem;
}