/**
 * Base Variables
 */

/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1240,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
	/* Font Sizing */

	--fs--2: clamp(0.6944rem, 0.6856rem + 0.0444vw, 0.72rem);
	--fs--1: clamp(0.8333rem, 0.8101rem + 0.1159vw, 0.9rem);
	--fs-0: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
	--fs-1: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);
	--fs-2: clamp(1.44rem, 1.3295rem + 0.5527vw, 1.7578rem);
	--fs-3: clamp(1.728rem, 1.5648rem + 0.8161vw, 2.1973rem);
	--fs-4: clamp(2.0736rem, 1.8395rem + 1.1704vw, 2.7466rem);
	--fs-5: clamp(2.4883rem, 2.1597rem + 1.6433vw, 3.4332rem);

	/* Spacing */

	/* Space 3xs: 4px → 5px */
	--space-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
	/* Space 2xs: 8px → 9px */
	--space-2xs: clamp(0.5rem, 0.4783rem + 0.1087vw, 0.5625rem);
	/* Space xs: 12px → 14px */
	--space-xs: clamp(0.75rem, 0.7065rem + 0.2174vw, 0.875rem);
	/* Space s: 16px → 18px */
	--space-s: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
	/* Space m: 24px → 27px */
	--space-m: clamp(1.5rem, 1.4348rem + 0.3261vw, 1.6875rem);
	/* Space l: 32px → 36px */
	--space-l: clamp(2rem, 1.913rem + 0.4348vw, 2.25rem);
	/* Space xl: 48px → 54px */
	--space-xl: clamp(3rem, 2.8696rem + 0.6522vw, 3.375rem);
	/* Space 2xl: 64px → 72px */
	--space-2xl: clamp(4rem, 3.8261rem + 0.8696vw, 4.5rem);
	/* Space 3xl: 96px → 108px */
	--space-3xl: clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);

	/* Colours */

	

	--primary: #a81563;
	--secondary: #004F6B;

	--body: #00133F;
	--pink: #E73E97;
	
	--bg-blue: #eff6ff;
	
	--line-grey: #e2e8f0;

	--gradient-pink: linear-gradient(135deg, hsla(328, 78%, 57%, 1) 0%, hsla(328, 78%, 45%, 1) 100%);
	--gradient-pink-moz: -moz-linear-gradient(135deg, hsla(328, 78%, 57%, 1) 0%, hsla(328, 78%, 45%, 1) 100%);
	--gradient-pink-web: -webkit-linear-gradient(135deg, hsla(328, 78%, 57%, 1) 0%, hsla(328, 78%, 45%, 1) 100%);
	

	/* Layout */

	--shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
}