:root{
/* families */
--font-display:"Fraunces",Georgia,"Times New Roman",serif;
--font-sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,"SF Mono",Menlo,monospace;

/* Fraunces variable axes - restrained settings only. SOFT/WONK stay at 0. */
--fraunces-display:"SOFT" 0,"WONK" 0,"opsz" 96; /* @kind font */
--fraunces-heading:"SOFT" 0,"WONK" 0,"opsz" 48; /* @kind font */
--fraunces-text:"SOFT" 0,"WONK" 0,"opsz" 14; /* @kind font */

/* weights */
--weight-display:600;   /* Fraunces SemiBold - hero + project titles */
--weight-heading:500;   /* Fraunces Medium - section headings */
--weight-body:400;      /* Instrument Sans Regular */
--weight-ui:500;        /* Instrument Sans Medium - nav, buttons */

/* sizes */
--size-hero:clamp(3rem,7vw,5.75rem);
--size-display-1:3.5rem;
--size-display-2:2.625rem;
--size-heading-1:2rem;
--size-heading-2:1.5rem;
--size-heading-3:1.1875rem;
--size-body-lg:1.1875rem;
--size-body:1rem;
--size-body-sm:.9375rem;
--size-caption:.8125rem;
--size-label:.6875rem;
--size-numeral:clamp(4rem,12vw,9rem);   /* oversized chapter numerals */

/* line heights - Fraunces sits tight, Instrument Sans breathes */
--leading-display:1.02;
--leading-heading:1.14;
--leading-quote:1.32;
--leading-body:1.62;
--leading-ui:1.4;

/* tracking */
--tracking-display:-.018em;
--tracking-heading:-.01em;
--tracking-body:0;
--tracking-ui:.005em;
--tracking-caption:.02em;
--tracking-label:.14em;   /* letter-spaced metadata + eyebrow labels */

/* measures */
--measure-prose:66ch;
--measure-quote:34ch;
--measure-narrow:52ch;

/* composed roles */
--text-role-hero:var(--weight-display) var(--size-hero)/var(--leading-display) var(--font-display);
--text-role-display:var(--weight-display) var(--size-display-2)/var(--leading-display) var(--font-display);
--text-role-heading:var(--weight-heading) var(--size-heading-1)/var(--leading-heading) var(--font-display);
--text-role-subheading:var(--weight-heading) var(--size-heading-3)/var(--leading-heading) var(--font-display);
--text-role-quote:italic var(--weight-heading) var(--size-heading-2)/var(--leading-quote) var(--font-display);
--text-role-body:var(--weight-body) var(--size-body)/var(--leading-body) var(--font-sans);
--text-role-body-lg:var(--weight-body) var(--size-body-lg)/var(--leading-body) var(--font-sans);
--text-role-ui:var(--weight-ui) var(--size-body-sm)/var(--leading-ui) var(--font-sans);
--text-role-caption:var(--weight-ui) var(--size-caption)/var(--leading-ui) var(--font-sans);
--text-role-label:var(--weight-ui) var(--size-label)/1.2 var(--font-sans);
}