/*
 * 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 {
	/* Harrow Blue, PMS 289 C / RAL 5013 — client brand guideline. */
	--aislf-color-navy: #152242;
	--aislf-color-navy-light: #1d2f56;
	--aislf-color-navy-mid: #24406f;
	--aislf-color-cream: #f8f5f0;
	--aislf-color-white: #ffffff;
	/* Non-metallic Harrow Gold, PMS 7503 / RAL 1036 — client brand guideline. */
	--aislf-color-gold: #ab9868;
	/* Darkened Harrow Gold, for small text on cream/white where the brand
	   tone alone would not reach the WCAG 2.2 AA 4.5:1 contrast minimum. */
	--aislf-color-gold-text: #6f6134;
	--aislf-color-focus: #ffdd00;
	--aislf-color-ink: #1a1a1a;
	--aislf-color-status-done: #146c38;
	--aislf-color-status-done-bg: #e3f5ea;
	--aislf-color-status-now: #174b80;
	--aislf-color-status-now-bg: #e3edf8;
	--aislf-color-status-pending: #6e4e18;
	--aislf-color-status-pending-bg: #f5eedf;
	--aislf-color-status-risk: #9b2c1e;
	--aislf-color-status-risk-bg: #fde8e5;

	/* System fonts only, by decision (2026-09-09): nothing is downloaded and
	 * nothing is licensed.
	 *
	 * Bembo was dropped rather than licensed. Naming a font in font-family is
	 * not licensing or distributing it — the royalty question only arises when
	 * a font file is self-hosted, which this theme has never done. Keeping
	 * Bembo first had a practical cost instead: anyone with it installed saw a
	 * different site from everyone else, so the design could not be judged
	 * consistently.
	 *
	 * Georgia leads because it ships on both macOS and Windows, so the large
	 * majority see the same rendering — and it is what every visitor already
	 * saw, Bembo having never loaded. The old-style faces after it are for
	 * platforms without Georgia; all are pre-installed, none are fetched. */
	--aislf-font-heading: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	--aislf-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	--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;
	/* Shared desktop reading area. Full-bleed media may exceed this measure. */
	--aislf-max-width: 1440px;

	/* The single horizontal inset for the whole theme.
	 *
	 * There used to be two: a fixed 24px `--aislf-container-padding` and a
	 * fluid `--aislf-option-gutter`. Chrome sat on the first while every body
	 * section sat on the second, so the header, nav and footer were 24px short
	 * of the content above and below them — a real misalignment that had to be
	 * patched once already. Both names now resolve to this one value, so the
	 * call sites did not have to change and cannot drift apart again. */
	--aislf-gutter: clamp(1.5rem, 3.35vw, 3rem);
	--aislf-container-padding: var(--aislf-gutter);

	/* 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;
	/* Opening paragraph of a page section, set in gold above the body copy.
	   One value, because three had drifted apart: the About page, the standard
	   inner page and the detailed content page each carried their own. */
	--aislf-font-size-lead: clamp(1.2rem, 1.75vw, 1.55rem);
	--aislf-line-height-heading: 1.15;
	--aislf-line-height-body: 1.6;

	--aislf-header-height: 5.5rem;
	/* Sticky brand header + about-page anchor nav, measured at desktop; used
	   as scroll-margin-top so in-page jump links land below both bars. */
	--aislf-anchor-offset: 9rem;
}