:root {
	--index: calc(1vw + 1vh);
	
	--black: #000000;
	--black-a40: color-mix(in srgb, var(--black) 40%, transparent);
	--black-a20: color-mix(in srgb, var(--black) 20%, transparent);
	--white: #ffffff;
	--white-v2: #f9f9fc;
	--olive: #252917;
	--blue:  #00267f;
	--blue-a50: color-mix(in srgb, var(--blue) 50%, transparent);
	--lime:  #ebfab4;
	--mint:  #eff6ed;
	--lilac: #f3f2fa;
	--sky:   #f0f5fb;
	
	--font-main: "Manrope", Arial, sans-serif;
	
	/* Fonts */
	--clamp-16-12: clamp(12px, calc(10.7636px + 0.3636vw), 16px);
	--clamp-18-14: clamp(14px, calc(12.7636px + 0.3636vw), 18px);
	--clamp-20-16: clamp(16px, calc(14.7636px + 0.3636vw), 20px);
	--clamp-22-18: clamp(18px, calc(16.7636px + 0.3636vw), 22px);
	--clamp-24-20: clamp(20px, calc(18.7636px + 0.3636vw), 24px);
	--clamp-28-22: clamp(22px, calc(20.1455px + 0.5455vw), 28px);
	--clamp-32-26: clamp(26px, calc(24.1455px + 0.5455vw), 32px);
	--clamp-34-20: clamp(20px, calc(15.6727px + 1.2727vw), 34px);
	--clamp-48-28: clamp(28px, calc(21.8182px + 1.8182vw), 48px);
	--clamp-54-28: clamp(28px, calc(19.9636px + 2.3636vw), 54px);
	
	/* Blocks */
	--clamp-10-5:  clamp(5px, calc(3.4545px + 0.4545vw), 10px);
	--clamp-15-5:  clamp(5px, calc(1.9091px + 0.9091vw), 15px);
	--clamp-12-8:  clamp(8px, calc(6.7636px + 0.3636vw), 12px);
	--clamp-16-10: clamp(10px, calc(8.1455px + 0.5455vw), 16px);
	--clamp-20-10: clamp(10px, calc(6.9091px + 0.9091vw), 20px);
	--clamp-22-14: clamp(14px, calc(11.5273px + 0.7273vw), 22px);
	--clamp-30-10: clamp(10px, calc(3.8182px + 1.8182vw), 30px);
	--clamp-40-20: clamp(20px, calc(13.8182px + 1.8182vw), 40px);
	--clamp-40-10: clamp(10px, calc(0.7273px + 2.7273vw), 40px);
	--clamp-42-14: clamp(14px, calc(5.3455px + 2.5455vw), 42px);
	--clamp-50-30: clamp(30px, calc(23.8182px + 1.8182vw), 50px);
	--clamp-65-20: clamp(20px, calc(6.2602px + 4.065vw), 65px);
	
	--trans: 0.2s ease;
}