html {
	--typo-Default-font-family:
		SuisseIntl, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif;
	--typo-Default-font-size: 1rem;
	--typo-Default-line-height: 1.75;
	--typo-Default-letter-spacing: 0.03em;
	--typo-Default: var(--typo-Default-font-size) /
		var(--typo-Default-line-height) var(--typo-Default-font-family);

	--typo-DefaultSmall-font-size: 0.875rem;
	--typo-DefaultSmall-line-height: 1.75;
	--typo-DefaultSmall-letter-spacing: 0.03em;
	--typo-DefaultSmall: var(--typo-DefaultSmall-font-size) /
		var(--typo-DefaultSmall-line-height) var(--typo-Default-font-family);

	--typo-DefaultLarge-font-size: 1.25rem;
	--typo-DefaultLarge-line-height: calc(32 / 20);
	--typo-DefaultLarge-letter-spacing: 0.01em;
	--typo-DefaultLarge: var(--typo-DefaultLarge-font-size) /
		var(--typo-DefaultLarge-line-height) var(--typo-Default-font-family);

	--typo-HeadingXXL-font-size: 3.375rem; /* 54px */
	--typo-HeadingXXL-line-height: calc(60 / 54);
	--typo-HeadingXXL-font-weight: 400;
	--typo-HeadingXXL-font-family: var(--typo-Default-font-family);
	--typo-HeadingXXL: var(--typo-HeadingXXL-font-weight)
		var(--typo-HeadingXXL-font-size) / var(--typo-HeadingXXL-line-height)
		var(--typo-HeadingXXL-font-family);

	--typo-HeadingXL-font-size: 2.5rem; /* 40px */
	--typo-HeadingXL-line-height: calc(48 / 40);
	--typo-HeadingXL-font-weight: 400;
	--typo-HeadingXL-font-family: var(--typo-Default-font-family);
	--typo-HeadingXL: var(--typo-HeadingXL-font-weight)
		var(--typo-HeadingXL-font-size) / var(--typo-HeadingXL-line-height)
		var(--typo-HeadingXL-font-family);

	--typo-HeadingL-font-size: 2rem; /* 32px */
	--typo-HeadingL-line-height: calc(40 / 32);
	--typo-HeadingL-font-weight: 400;
	--typo-HeadingL-font-family: var(--typo-Default-font-family);
	--typo-HeadingL: var(--typo-HeadingL-font-weight)
		var(--typo-HeadingL-font-size) / var(--typo-HeadingL-line-height)
		var(--typo-HeadingL-font-family);

	--typo-HeadingM-font-size: 1.875rem; /* 30px */
	--typo-HeadingM-line-height: calc(40 / 30);
	--typo-HeadingM-font-weight: 400;
	--typo-HeadingM-font-family: var(--typo-Default-font-family);
	--typo-HeadingM: var(--typo-HeadingM-font-weight)
		var(--typo-HeadingM-font-size) / var(--typo-HeadingM-line-height)
		var(--typo-HeadingM-font-family);

	--typo-HeadingS-font-size: 1.75rem; /* 28px */
	--typo-HeadingS-line-height: calc(40 / 28);
	--typo-HeadingS-font-weight: 400;
	--typo-HeadingS-font-family: var(--typo-Default-font-family);
	--typo-HeadingS: var(--typo-HeadingS-font-weight)
		var(--typo-HeadingS-font-size) / var(--typo-HeadingS-line-height)
		var(--typo-HeadingS-font-family);

	--typo-HeadingXS-font-size: 1.5rem; /* 24px */
	--typo-HeadingXS-line-height: calc(32 / 24);
	--typo-HeadingXS-font-weight: 400;
	--typo-HeadingXS-font-family: var(--typo-Default-font-family);
	--typo-HeadingXS: var(--typo-HeadingXS-font-weight)
		var(--typo-HeadingXS-font-size) / var(--typo-HeadingXS-line-height)
		var(--typo-HeadingXS-font-family);

	--typo-HeadingXXS-font-size: 1.25rem; /* 20px */
	--typo-HeadingXXS-line-height: calc(24 / 20);
	--typo-HeadingXXS-font-weight: 400;
	--typo-HeadingXXS-font-family: var(--typo-Default-font-family);
	--typo-HeadingXXS: var(--typo-HeadingXXS-font-weight)
		var(--typo-HeadingXXS-font-size) / var(--typo-HeadingXXS-line-height)
		var(--typo-HeadingXXS-font-family);

	--typo-Mono-font-size: 1rem;
	--typo-Mono-line-height: 1.75;
	--typo-Mono-font-weight: 400;
	--typo-Mono-font-family: SuisseIntlMono;
	--typo-Mono: var(--typo-Mono-font-weight) var(--typo-Mono-font-size) /
		var(--typo-Mono-line-height) var(--typo-Mono-font-family);
}