:root {
	--md-ref-typeface-brand: 'Source Sans Pro';
	--md-ref-typeface-weight-regular: 400;
	--md-ref-typeface-weight-medium: 700;

	/* typography: https://m3.material.io/styles/typography/type-scale-tokens */
	/* display */
	--md-sys-typescale-display-large-font: 'Source Sans Pro';
	--md-sys-typescale-display-large-line-height: 4rem;
	--md-sys-typescale-display-large-size: 3.5625rem;
	--md-sys-typescale-display-large-tracking: normal;
	--md-sys-typescale-display-large-weight: 400;

	--md-sys-typescale-display-medium-font: 'Source Sans Pro';
	--md-sys-typescale-display-medium-line-height: 3.25rem;
	--md-sys-typescale-display-medium-size: 2.8125rem;
	--md-sys-typescale-display-medium-tracking: normal;
	--md-sys-typescale-display-medium-weight: 400;

	--md-sys-typescale-display-small-font: 'Source Sans Pro';
	--md-sys-typescale-display-small-line-height: 2.75rem;
	--md-sys-typescale-display-small-size: 2.25rem;
	--md-sys-typescale-display-small-tracking: normal;
	--md-sys-typescale-display-small-weight: 400;

	/* headline */
	--md-sys-typescale-headline-large-font: 'Source Sans Pro';
	--md-sys-typescale-headline-large-line-height: 32px;
	--md-sys-typescale-headline-large-size: 24px;
	--md-sys-typescale-headline-large-tracking: 0.0125em;
	--md-sys-typescale-headline-large-weight: 400;

	--md-sys-typescale-headline-medium-font: 'Source Sans Pro';
	--md-sys-typescale-headline-medium-line-height: 32px;
	--md-sys-typescale-headline-medium-size: 20px;
	--md-sys-typescale-headline-medium-tracking: 0.0125em;
	--md-sys-typescale-headline-medium-weight: 400;

	--md-sys-typescale-headline-small-font: 'Source Sans Pro';
	--md-sys-typescale-headline-small-line-height: normal;
	--md-sys-typescale-headline-small-size: 16px;
	--md-sys-typescale-headline-small-tracking: 0.0125em;
	--md-sys-typescale-headline-small-weight: 400;

	/* title */
	--md-sys-typescale-title-large-font: 'Source Sans Pro';
	--md-sys-typescale-title-large-line-height: normal;
	--md-sys-typescale-title-large-size: 16px;
	--md-sys-typescale-title-large-tracking: normal;
	--md-sys-typescale-title-large-weight: 700;

	--md-sys-typescale-title-medium-font: 'Source Sans Pro';
	--md-sys-typescale-title-medium-line-height: normal;
	--md-sys-typescale-title-medium-size: 14px;
	--md-sys-typescale-title-medium-tracking: normal;
	--md-sys-typescale-title-medium-weight: 700;

	--md-sys-typescale-title-small-font: 'Source Sans Pro';
	--md-sys-typescale-title-small-line-height: normal;
	--md-sys-typescale-title-small-size: 14px;
	--md-sys-typescale-title-small-tracking: normal;
	--md-sys-typescale-title-small-weight: 700;

	/* label */
	--md-sys-typescale-label-large-font: 'Source Sans Pro';
	--md-sys-typescale-label-large-line-height: 36px;
	--md-sys-typescale-label-large-size: 14px;
	--md-sys-typescale-label-large-tracking: 0.0892857143em;
	--md-sys-typescale-label-large-weight: 500;

	--md-sys-typescale-label-medium-font: 'Source Sans Pro';
	--md-sys-typescale-label-medium-line-height: 36px;
	--md-sys-typescale-label-medium-size: 14px;
	--md-sys-typescale-label-medium-tracking: 0.0892857143em;
	--md-sys-typescale-label-medium-weight: 500;

	--md-sys-typescale-label-small-font: 'Source Sans Pro';
	--md-sys-typescale-label-small-line-height: normal;
	--md-sys-typescale-label-small-size: 12px;
	--md-sys-typescale-label-small-tracking: normal;
	--md-sys-typescale-label-small-weight: 500;


	/* body */
	--md-sys-typescale-body-large-font: 'Source Sans Pro';
	--md-sys-typescale-body-large-line-height: 20px;
	--md-sys-typescale-body-large-size: 14px;
	--md-sys-typescale-body-large-tracking: normal;
	--md-sys-typescale-body-large-weight: 400;

	--md-sys-typescale-body-medium-font: 'Source Sans Pro';
	--md-sys-typescale-body-medium-line-height: 20px;
	--md-sys-typescale-body-medium-size: 14px;
	--md-sys-typescale-body-medium-tracking: normal;
	--md-sys-typescale-body-medium-weight: 400;

	--md-sys-typescale-body-small-font: 'Source Sans Pro';
	--md-sys-typescale-body-small-line-height: 20px;
	--md-sys-typescale-body-small-size: 14px;
	--md-sys-typescale-body-small-tracking: normal;
	--md-sys-typescale-body-small-weight: 400;
}
