/* @link https://utopia.fyi/type/calculator?c=360,16,1.2,1440,20,1.333,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
/* TODO: Make sizing match w/ theme.json */

:root {
	--size-step-00: clamp(0.875rem, 0.8333rem + 0.1852vw, 1rem);
	--size-step-0: 16px;
	--size-step-1: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);
	--size-step-1-5: clamp(1.25rem, 1.0833rem + 0.7407vw, 1.75rem);
	--size-step-2: clamp(1.5rem, 1.3333rem + 0.7407vw, 2rem);
	--size-step-3: clamp(2.25rem, 2rem + 1.1111vw, 3rem);
	--size-step-4: clamp(2.25rem, 1.4492rem + 2.7749vw, 3.75rem);

	--size-paragraph: var(--size-step-0);
	--size-paragraph-large: var(--size-step-1);

	--size-heading-1: var(--size-step-4);
	--size-heading-2: var(--size-step-3);
	--size-heading-3: var(--size-step-2);
	--size-heading-4: var(--size-step-1-5);

	--size-subheading-1: clamp(1.125rem, 1rem + 0.5556vw, 1.5rem);
	--size-subheading-2: clamp(1.125rem, 1.0833rem + 0.1852vw, 1.25rem);
	--size-subheading-3: var(--size-step-00);
}

/* 
Paragraph 
16px - 16px
Paragraph Large
16px - 20px 

Heading 1 - XL
36px - 64px
Heading 2 - L
36px - 48px
Heading 3 - M
24px - 32px
Heading 4 - S
20px - 28px

Subheading 2 - L 
18px - 20px
Subheading 3 - S
14px - 16px 

*/