:root {
	/* font-size */
	--size_display1: 56px;
	--size_display2: 32px;
	--size_h1: 44px;
	--size_h2: 40px;
	--size_h3: 28px;
	--size_h4: 24px;
	--size_body1: 20px;
	--size_body2: 20px;
	--size_body3: 18px;
	--size_body4: 18px;
	--size_body5: 16px;
	--size_body6: 16px;
	--size_body7: 14px;
	--size_button1: 18px;
	--size_button2: 16px;
	--size_button3: 14px;
	--size_eyebrow_l: 18px;
	--size_eyebrow_m: 16px;
	--size_metric_l: 64px;
	--size_metric_m: 36px;
	/* weight */
	--weight_400: 400;
	--weight_500: 500;
	--weight_600: 600;
	--weight_700: 700;
	/* line-height */
	--lh_display1: 1.4;
	--lh_display2: 1.4;
	--lh_h1: 1.4;
	--lh_h2: 1.4;
	--lh_h3: 1.6;
	--lh_h4: 1.6;
	--lh_body1: 1.7;
	--lh_body2: 1.8;
	--lh_body3: 1.8;
	--lh_body4: 1.8;
	--lh_body5: 1.7;
	--lh_body6: 1.7;
	--lh_body7: 1.7;
	--lh_button1: 1;
	--lh_button2: 1;
	--lh_button3: 1;
	--lh_eyebrow_l: 1;
	--lh_eyebrow_m: 1;
	--lh_metric_l: 1;
	--lh_metric_m: 1;
	/* color */
	--red_t: #EE5E53;
	--white_t: #FFFFFF;
	--state_error: #E03131;
	--state_success: #212529;
	--primary_50: #EDF2FC;
	--primary_100: #C1D2F6;
	--primary_200: #6E97E7;
	--primary_300: #3A71DF;
	--primary_400: #1F53BD;
	--primary_500: #18439B;
	--primary_600: #123376;
	--primary_700: #102C66;
	--primary_800: #0D2454;
	--primary_900: #0A1D42;
	--gray_100: #F8F9FA;
	--gray_200: #F0F2F4;
	--gray_300: #DEE2E6;
	--gray_500: #ADB5BD;
	--gray_600: #6C757D;
	--gray_700: #495057;
	--gray_900: #212529;
}

@media screen and (max-width: 1024px) {
	:root {
		/* font-size */
		--size_display1: 32px;
		--size_display2: 24px;
		--size_h1: 32px;
		--size_h2: 28px;
		--size_h3: 24px;
		--size_h4: 20px;
		--size_body1: 18px;
		--size_body2: 18px;
		--size_body3: 16px;
		--size_body4: 16px;
		--size_body5: 14px;
		--size_body6: 14px;
		--size_body7: 12px;
		--size_button1: 16px;
		--size_button2: 14px;
		--size_button3: 12px;
		--size_eyebrow_l: 16px;
		--size_eyebrow_m: 14px;
		--size_metric_l: 52px;
		--size_metric_m: 24px;
		/* line-height */
		--lh_h1: 1.5;
		--lh_h2: 1.5;
		--lh_h3: 1.5;
		--lh_h4: 1.5;
		--lh_body1: 1.6;
		--lh_body2: 1.7;
		--lh_body3: 1.7;
		--lh_body4: 1.7;
		--lh_body5: 1.6;
		--lh_body6: 1.6;
		--lh_body7: 1.6;
		--lh_button1: 1;
		--lh_button2: 1;
		--lh_button3: 1;
		--lh_eyebrow_l: 1;
		--lh_eyebrow_m: 1;
		--lh_metric_l: 1;
		--lh_metric_m: 1;
	}
}