:root{
--font-display:"West & Olives","EB Garamond",Georgia,serif;
--font-body:"EB Garamond",Georgia,"Times New Roman",serif;
--font-ui:"Open Sans","Helvetica Neue",Arial,sans-serif;
/* Base: 1rem = 18px */
--text-base:18px;
--text-h1:4rem;
--text-h2:2.8rem;
--text-h3:2.2rem;
--text-h4:1.6rem;
--text-site-title:2rem;
--text-large:1.5rem;
--text-normal:1.2rem;
--text-small:1rem;
--text-nav:1.2rem;
--text-meta:1rem;
--text-button:0.75rem;
--text-button-tertiary:1rem;
--leading-heading:1.4em;
--leading-body:1.5em;
--leading-meta:1em;
--tracking-meta:0.01em;
--tracking-button:0.2em;
--tracking-button-tertiary:0.02em;
--weight-display:400;
--weight-body:400;
--weight-button-primary:600;
--weight-button-secondary:500;
}
html{font-size:var(--text-base)}
body{margin:0;font-family:var(--font-body);font-size:var(--text-normal);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-heading);letter-spacing:0;margin:0}
h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}
p{margin:0}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
a:hover{opacity:.7}
.meta{font-family:var(--font-display);font-size:var(--text-meta);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta)}
.text-large{font-size:var(--text-large)}.text-small{font-size:var(--text-small)}