:root {
	--hhf-navy: #00296B;
	--hhf-green: #5CCAB4;
	--hhf-teal: #5CCAB4; /* Backward-compatible accent alias. */
	--hhf-purple: #A241E3;
	--hhf-white: #FFFFFF;
	--hhf-grey-50: #F7F8FA;
	--hhf-text: #4B5563;
	--hhf-deep: #0D1B2A;
	--hhf-border: rgba(4, 19, 70, 0.08);
	--hhf-shadow-colour: rgba(4, 19, 70, 0.12);

	--hhf-container: 1180px;
	--hhf-reading-width: 800px;
	--hhf-text-width: 760px;

	--hhf-space-xs: 8px;
	--hhf-space-sm: 12px;
	--hhf-space-md: 16px;
	--hhf-space-lg: 24px;
	--hhf-space-xl: 32px;
	--hhf-space-2xl: 48px;
	--hhf-space-3xl: 64px;
	--hhf-space-4xl: 80px;

	--hhf-radius-sm: 8px;
	--hhf-radius-md: 12px;
	--hhf-radius-lg: 14px;
	--hhf-radius-xl: 20px;

	--hhf-transition: 0.25s ease;
}