:root {
	--color-bright-snow: #F9F9F8;
	--color-alabaster-gray: #E5E5E2;
	--color-carbon-black: #1C1E1F;
	--color-smart-blue: #4062BB;
	--color-taupe: #807172;
	--color-carbon-black-gradient: linear-gradient(145deg, #242628 0%, #161718 100%);
	--font-heading: "EB Garamond", serif;
	--font-body: "Instrument Sans", sans-serif;
	--font-accent: "Dancing Script", cursive;
	--font-size-h1: 2.5rem;
	--font-size-h2: 2rem;
	--font-size-h3: 1.5rem;
	--font-size-body: 1rem;
	--font-size-sm: 0.875rem;
	--line-height-heading: 1.2;
	--line-height-body: 1.6;
	--space-sx: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2rem;
	--space-2xl: 3rem;
	--pad-sm: clamp(0.5rem, 1vw + 0.25rem, 0.75rem);
	--pad-md: clamp(1rem, 2vw + 0.5rem, 1.5rem);
	--pad-lg: clamp(1.5rem, 4vw + 0.5rem, 3rem);
	--gradient-eu-header-0: linear-gradient(135deg, var(--color-smart-blue) 0%, #12225B 100%);
	--gradient-eu-header-1: linear-gradient(135deg, #5C7EE6 0%, var(--color-smart-blue) 100%);
	--gradient-eu-header-2: linear-gradient(105deg, var(--color-smart-blue) 30%, #262F76 100%);
	--color-gradient-alabaster-gray-modern-slate: linear-gradient(
		135deg,
		#f8f9fa 0%,
		#f1f3f5 60%,
		#e9ecef 100%
	);
	--color-gradient-alabaster-gray-clean-ice: linear-gradient(
		135deg,
		#ffffff 0%,
		#f8f9fa 50%,
		#eef2f7 100%
	);
	--color-gradient-alabaster-gray-dark-steel: linear-gradient(135deg, #f1f3f5 0%, #e9ecef 70%, #dee2e6 100%);
}
@media screen and (max-width: 768px) {
	:root {
		--font-size-h1: 2rem;
		--font-size-h2: 1.6rem;
		--font-size-h3: 1.3rem;
		--space-lg: 1.25rem;
		--space-xl: 1.5rem;
		--space-2xl: 2rem;
	}
}