/*
 * AH brand tokens, from the Executive Portfolio 2026.
 * Colors follow Elementor's global colors when they exist (Site Settings > Global Colors),
 * so changing a color there changes it everywhere. The second value is the fallback.
 * Elementor prints its global colours on body (.elementor-kit-N), not on :root, so the tokens
 * are declared on both: :root gets the fallbacks, body picks up the kit values.
 */
:root,
body {
	--ah-navy: var(--e-global-color-ahnavy, #0F1B3C);
	--ah-navy-2: var(--e-global-color-ahnavy2, #1A2952);
	--ah-deep: var(--e-global-color-ahdeep, #09122A);
	--ah-gold: var(--e-global-color-ahgold, #C5A572);
	--ah-gold-hi: var(--e-global-color-ahgoldhi, #E8C988);
	--ah-ink-gold: var(--e-global-color-ahinkgold, #7A5F31);
	--ah-ivory: var(--e-global-color-ahivory, #F7F6F1);
	--ah-sand: var(--e-global-color-ahsand, #EEECE4);
	--ah-ink: var(--e-global-color-ahink, #0A0A0A);
	--ah-muted: var(--e-global-color-ahmuted, #4F4F4F);
	--ah-paper: #FFFFFF;
	--ah-soft: #69665E; /* 4.8:1 on sand, 5.3:1 on ivory (small mono labels pass AA) */
	--ah-line: #DCD8CC;
	--ah-on-navy: #F4F1E8;
	--ah-on-navy-muted: #B4BBCC;
	--ah-line-navy: rgba(226, 197, 143, .2);
	--ah-red: #9B3B2A;

	--ah-f-display: "Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif;
	--ah-f-body: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, "Segoe UI", Tahoma, sans-serif;
	--ah-f-en: "IBM Plex Sans", system-ui, sans-serif;
	--ah-f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
	--ah-f-hand: "Aref Ruqaa", "IBM Plex Sans Arabic", serif;

	--ah-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.09'/></svg>");
	--ah-ease: cubic-bezier(.6, .1, .2, 1);
	--ah-spring: cubic-bezier(.2, .9, .25, 1.15);
	--ah-container: 1240px;
	--ah-gutter: max(16px, env(safe-area-inset-left, 0px));
}