:root {
	--font-family-roboto: Roboto, Helvetica, Arial, sans-serif;
	--h-1-font-family: var(--font-family-roboto);
	--h-1-font-weight: 400;
	--h-1-font-size: 72px;
	--h-1-line-height: 116.7%;
	--h-1-letter-spacing: 0;
	--h-1-font-style: normal;
	--h-2-font-family: var(--font-family-roboto);
	--h-2-font-weight: 400;
	--h-2-font-size: 60px;
	--h-2-line-height: 120%;
	--h-2-letter-spacing: 0;
	--h-2-font-style: normal;
	--h-3-font-family: var(--font-family-roboto);
	--h-3-font-weight: 400;
	--h-3-font-size: 48px;
	--h-3-line-height: 116.7%;
	--h-3-letter-spacing: 0;
	--h-3-font-style: normal;
	--h-4-font-family: var(--font-family-roboto);
	--h-4-font-weight: 500;
	--h-4-font-size: 32px;
	--h-4-line-height: 123.5%;
	--h-4-letter-spacing: 0;
	--h-4-font-style: normal;
	--h-5-font-family: var(--font-family-roboto);
	--h-5-font-weight: 600;
	--h-5-font-size: 24px;
	--h-5-line-height: 133.4%;
	--h-5-letter-spacing: 0;
	--h-5-font-style: normal;
	--h-6-font-family: var(--font-family-roboto);
	--h-6-font-weight: 700;
	--h-6-font-size: 20px;
	--h-6-line-height: 160%;
	--h-6-letter-spacing: 0;
	--h-6-font-style: normal;
	--subtitle-1-font-family: var(--font-family-roboto);
	--subtitle-1-font-weight: 600;
	--subtitle-1-font-size: 18px;
	--subtitle-1-line-height: 175%;
	--subtitle-1-letter-spacing: 0;
	--subtitle-1-font-style: normal;
	--subtitle-2-font-family: var(--font-family-roboto);
	--subtitle-2-font-weight: 700;
	--subtitle-2-font-size: 16px;
	--subtitle-2-line-height: 175%;
	--subtitle-2-letter-spacing: 0;
	--subtitle-2-font-style: normal;
	--subtitle-3-font-family: var(--font-family-roboto);
	--subtitle-3-font-weight: 700;
	--subtitle-3-font-size: 14px;
	--subtitle-3-line-height: 157%;
	--subtitle-3-letter-spacing: 0;
	--subtitle-3-font-style: normal;
	--body-1-font-family: var(--font-family-roboto);
	--body-1-font-weight: 400;
	--body-1-font-size: 18px;
	--body-1-line-height: 150%;
	--body-1-letter-spacing: 0;
	--body-1-font-style: normal;
	--body-2-font-family: var(--font-family-roboto);
	--body-2-font-weight: 400;
	--body-2-font-size: 16px;
	--body-2-line-height: 150%;
	--body-2-letter-spacing: 0;
	--body-2-font-style: normal;
	--body-3-font-family: var(--font-family-roboto);
	--body-3-font-weight: 400;
	--body-3-font-size: 14px;
	--body-3-line-height: 143%;
	--body-3-letter-spacing: 0;
	--body-3-font-style: normal;
	--overline-font-family: var(--font-family-roboto);
	--overline-font-weight: 400;
	--overline-font-size: 12px;
	--overline-line-height: 266%;
	--overline-letter-spacing: 0;
	--overline-font-style: normal;
	--caption-font-family: var(--font-family-roboto);
	--caption-font-weight: 400;
	--caption-font-size: 12px;
	--caption-line-height: 166%;
	--caption-letter-spacing: 0;
	--caption-font-style: normal;
	--button-1-font-family: var(--font-family-roboto);
	--button-1-font-weight: 500;
	--button-1-font-size: 16px;
	--button-1-line-height: 24px;
	--button-1-letter-spacing: 0;
	--button-1-font-style: normal;
	--button-2-font-family: var(--font-family-roboto);
	--button-2-font-weight: 500;
	--button-2-font-size: 14px;
	--button-2-line-height: 20px;
	--button-2-letter-spacing: 0;
	--button-2-font-style: normal;

	--color-primary: #3344f4;
	--color-primary-dark: #2738d8;
	--color-cyan: #63cff5;
	--color-danger: #f04444;
	--color-ink: #282b31;
	--color-ink-muted: #777c86;
	--color-surface: #fff;
	--color-surface-muted: #f7f7f8;
	--color-line: #e8e9ed;
	--color-accent: #f6c453;
	--layout-content-max: 1280px;
	--layout-gutter: 32px;
	--radius-large: 12px;
	--radius-medium: 7px;
	--shadow-card: 0 4px 16px rgb(25 32 65 / 6%);
	--motion-duration-fast: 160ms;
	--motion-duration-normal: 280ms;
	--motion-ease-standard: cubic-bezier(.2, .8, .2, 1);
	--hero-slide-duration: 600ms;
	--hero-slide-ease: cubic-bezier(.4, 0, .2, 1);
	--nav-motion-duration: 320ms;
	--nav-motion-ease: cubic-bezier(.4, 0, .6, 1);
	--nav-surface-closed: rgb(255 255 255 / 80%);
	--nav-surface-open: #fff;
	--nav-surface-blur: 40px;
}

body {
	font-family: var(--body-2-font-family);
	font-weight: var(--body-2-font-weight);
	font-size: var(--body-2-font-size);
	line-height: var(--body-2-line-height);
	letter-spacing: var(--body-2-letter-spacing);
	font-style: var(--body-2-font-style);
}