/* Type scale is authored against a 1440px editorial page.
   Five registers, each with a job: DISPLAY (gallery), SERIF (argument),
   SANS (assertion), MONO (apparatus), SIDESHOW (the joke). */
:root{
--size-display-xl:132px;
--size-display-lg:96px;
--size-display-md:64px;
--size-display-sm:48px;
--size-headline:34px;
--size-title:28px;
--size-subtitle:22px;
--size-body-lg:19px;
--size-body:17px;
--size-body-sm:15px;
--size-caption:13px;
--size-label:12px;
--size-micro:10px;

--leading-tight:0.94; /* @kind other */
--leading-display:1.02; /* @kind other */
--leading-snug:1.16; /* @kind other */
--leading-body:1.42; /* @kind other */
--leading-loose:1.62; /* @kind other */

--track-display:-0.018em; /* @kind other */
--track-tight:-0.01em; /* @kind other */
--track-normal:0; /* @kind other */
--track-label:0.14em; /* @kind other */
--track-wide:0.22em; /* @kind other */

--weight-light:300; /* @kind other */
--weight-regular:400; /* @kind other */
--weight-medium:500; /* @kind other */
--weight-semibold:600; /* @kind other */
--weight-bold:700; /* @kind other */

/* Composed roles */
--type-display:var(--weight-regular) var(--size-display-lg)/var(--leading-display) var(--font-display);
--type-headline:var(--weight-regular) var(--size-headline)/var(--leading-snug) var(--font-serif);
--type-assert:var(--weight-regular) var(--size-title)/var(--leading-snug) var(--font-sans);
--type-body:var(--weight-400,400) var(--size-body)/var(--leading-body) var(--font-serif);
--type-body-sans:var(--weight-regular) var(--size-body-sm)/var(--leading-body) var(--font-sans);
--type-label:var(--weight-bold) var(--size-label)/1.2 var(--font-mono);
--type-caption:var(--weight-regular) var(--size-caption)/1.3 var(--font-sans);
}