/*!
 * wf-tokens.css — WholeFunnel brand tokens (CANONICAL MASTER)
 * Contract (WHOLEFUNNEL_BUILD_PLAN §11.3):
 *  - This file is the single upstream source of brand values.
 *  - The wholefunnel theme ships a byte-identical copy (md5-lockstep):
 *      wp-content/themes/wholefunnel/assets/css/wf-tokens.css
 *  - The Elementor kit (Kit 10) is a DOWNSTREAM literal-hex mirror, written by
 *    `wp wf brand-sync-elementor` — the kit is never the brand source.
 *  - theme.json carries a literal-hex parity mirror for Gutenberg (drift-checked).
 *  - Enqueue version is md5-derived; never a manual version bump.
 *  - Page-level CSS may CONSUME var(--wf-*); it may never define a brand value.
 */
:root,
.ffd-root {
	/* Color — the 4 Elementor kit globals mirror these (literal hex, downstream) */
	--wf-navy: #0f1d40;       /* headings / primary brand ink */
	--wf-ink: #344054;        /* body text */
	--wf-azure: #1d4ed8;      /* accent — links, buttons; AA on white */
	--wf-azure-soft: #eff5ff; /* soft-blue tint — card fills, chips */

	/* Color — token-only (not kit globals) */
	--wf-line: #d7e3f8;       /* hairlines / borders */
	--wf-bg: #ffffff;         /* page background */
	--wf-azure-hover: #1e40af; /* v3 (U5): accent hover state — one conventional
	                              step darker than --wf-azure (blue-700→blue-800);
	                              7.97:1 on --wf-azure-soft text, AA+ */

	/* Typography — the 2 Elementor kit global font families mirror these */
	--wf-font-heading: Poppins, Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--wf-font-body: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	/* Type system — heading leading (v2, 2026-07-30 corrective pass).
	   Consumers: theme h1–h6 + kit primary/secondary typography line-height
	   (brand-sync parses these two values; mobile/tablet use the -mobile value). */
	--wf-leading-heading: 1.1;
	--wf-leading-heading-mobile: 1.15;
}