:root{
/* --- Families. Two faces only. No sans-serif anywhere. --- */
--font-display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
--font-body:"Lora",Georgia,"Times New Roman",serif;

/* --- Weights. Larger type takes lighter weight. Never bold. --- */
--weight-display:300;   /* above 40px */
--weight-heading:400;   /* section heads */
--weight-body:400;
--weight-label:600;     /* interface labels only */

/* --- Size scale --- */
--size-display-xl:64px;
--size-display:48px;
--size-h1:40px;
--size-h2:32px;
--size-h3:24px;
--size-h4:19px;
--size-body-lg:17px;
--size-body:15px;
--size-body-sm:13.5px;
--size-kicker:11.5px;
--size-micro:10.5px;

/* --- Line heights --- */
--leading-display:0.97;   /* 64/62 */
--leading-heading:1.19;   /* 32/38 */
--leading-body:1.85;      /* 15/28 */
--leading-tight:1.35;

/* --- Tracking --- */
--tracking-display:0.01em;
--tracking-heading:0.01em;
--tracking-body:0;
--tracking-kicker:0.28em;
--tracking-label:0.14em;

/* --- Composite roles --- */
--type-display:var(--weight-display) var(--size-display-xl)/var(--leading-display) var(--font-display);
--type-section-head:var(--weight-heading) var(--size-h2)/var(--leading-heading) var(--font-display);
--type-subhead:var(--weight-heading) var(--size-h3)/1.25 var(--font-display);
--type-body:var(--weight-body) var(--size-body)/var(--leading-body) var(--font-body);
--type-kicker:var(--weight-label) var(--size-kicker)/1.4 var(--font-body);
--type-figures:var(--weight-body) var(--size-body)/1.5 var(--font-body);
--figures-tabular:"tnum" 1,"lnum" 1; /* @kind font */
--figures-text:"onum" 1,"pnum" 1; /* @kind font */
}