/**
 * 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: #4D7136;
	--accent: #E37152;
	--cream: #FDF4E3;
	--navy: #151529;

	--gold: #C19D62;
	--green: #9DA67E;

	--bg: #FEF9F1;
}