:root{
--font-display:"Bodoni Moda",Didot,"Times New Roman",serif;
--font-sans:"Archivo","Helvetica Neue",Helvetica,sans-serif;
--font-mono:"Space Mono",ui-monospace,monospace;
/* display scale — cover-first, so it starts very large */
--size-cover-xl:148px;--size-cover-l:104px;--size-cover-m:72px;--size-cover-s:48px;
--size-head-l:38px;--size-head-m:28px;--size-head-s:21px;
--size-body-l:19px;--size-body-m:16px;--size-body-s:13.5px;
--size-meta:11.5px;
--lh-display:0.86;
--lh-head:1.12;
--lh-body:1.62;
--lh-meta:1.35;
--track-display:-0.015em;
--track-body:0em;
--track-caps:0.22em;
--track-caps-wide:0.38em;
--weight-display:500;
--weight-display-bold:700;
--weight-sans:400;
--weight-sans-med:500;
--optical-cover:96;
--optical-text:11;
/* semantic roles */
--type-title:var(--weight-display) var(--size-cover-xl)/var(--lh-display) var(--font-display);
--type-subtitle:var(--weight-sans) var(--size-head-s)/var(--lh-head) var(--font-sans);
--type-author:var(--weight-sans-med) var(--size-body-m)/var(--lh-meta) var(--font-sans);
--type-body:var(--weight-sans) var(--size-body-m)/var(--lh-body) var(--font-sans);
--type-quote:italic var(--weight-display) var(--size-head-m)/1.3 var(--font-display);
--type-meta:var(--weight-sans) var(--size-meta)/var(--lh-meta) var(--font-sans);
}