@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
	--font-family: "Inter", sans-serif;
	--second-family: "Plus Jakarta Sans", sans-serif;

	--text-gradient---white: rgba(254, 255, 255, 0.85);
	--text-gradient---black: rgba(18, 23, 51, 0.85);
	--base-white: #fff;
	--base-black: #121733;
	--base-transparent: rgba(255, 255, 255, 0);
	--gray-50: #f1f2f5;
	--gray-100: #f8f9fa;
	--gray-200: #f4f6f9;
	--gray-300: #eff0f2;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #a1a9b1;
	--gray-700: #6c7680;
	--gray-800: #343a40;
	--gray-900: #212529;
	--base-bg: #fefeff;
	--white-transparent-10: rgba(255, 255, 255, 0.1);
	--white-transparent-80: rgba(255, 255, 255, 0.8);
	--white-transparent-20: rgba(255, 255, 255, 0.2);
	--brand-purple-50: #fff9ff;
	--brand-purple-100: #fff4fd;
	--brand-purple-200: #ffeffa;
	--brand-purple-300: #ffe3f6;
	--brand-purple-400: #ffd5ee;
	--brand-purple-500: #ffbde2;
	--brand-purple-600: #ff95d0;
	--brand-purple-700: #ff6aba;
	--brand-purple-800: #c22383;
	--brand-purple-900: #7f0052;
	--brand-peach-50: #fffcfb;
	--brand-peach-100: #fff8f8;
	--brand-peach-200: #fff3f3;
	--brand-peach-300: #ffe9e9;
	--brand-peach-400: #ffdbdb;
	--brand-peach-500: #ffc8c8;
	--brand-peach-600: #ffacad;
	--brand-peach-700: #dd9092;
	--brand-peach-800: #a96c6d;
	--brand-peach-900: #693235;
	--brand-blue-50: #e6efff;
	--brand-blue-100: #cadbff;
	--brand-blue-200: #82b0ff;
	--brand-blue-300: #6b98f3;
	--brand-blue-400: #4b81fe;
	--brand-blue-500: #1b5df8;
	--brand-blue-600: #1b4ec4;
	--brand-blue-700: #193776;
	--brand-blue-800: #172b53;
	--brand-blue-900: #000556;
	--system-red-50: #ffecec;
	--system-red-100: #ffd5d5;
	--system-red-200: #ffafaf;
	--system-red-300: #ff8a8a;
	--system-red-400: #ff6060;
	--system-red-500: #ff1d1d;
	--system-red-600: #da0000;
	--system-red-700: #a30000;
	--system-red-800: #680000;
	--system-red-900: #2d0000;
	--gray-25: #f5f6fa;
	--base-border-black: rgba(18, 23, 51, 0.04);
	--brand-blue-25: #f3f7ff;
	--white-transparent-50: rgba(255, 255, 255, 0.5);
	--text-base: var(--base-black);
	--text-subtle: var(--gray-800);
	--text-subtlest: var(--gray-700);
	--base-border-blue: rgba(27, 93, 248, 0.1);
	--base-black-fill-transparent: rgba(18, 23, 51, 0.01);
	--text-invisible: #848799;
	--text-accent: var(--brand-blue-500);
	--text-base: #61647a;
	--text-bold: #121733;
	--white-tranparent-60: rgba(255, 255, 255, 0.6);
	--v2-black-transparent--80: rgba(18, 23, 51, 0.8);
	--v2-black-transparent--60: rgba(18, 23, 51, 0.6);
	--v2-black-transparent--40: rgba(18, 23, 51, 0.4);
	--v2-black-transparent--50: rgba(18, 23, 51, 0.5);
	--v2-black-transparent--30: rgba(18, 23, 51, 0.3);
	--text-invisible: #848799;
}

html {
	scroll-behavior: smooth;
	font-family: var(--font-family);
}