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

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

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

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

	--sja-transition: 0.25s ease;
}