:root{
--font-serif:'Fraunces',Georgia,'Times New Roman',serif;
--font-sans:'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
--font-mono:'IBM Plex Mono','Courier New',monospace;
/* Scale (web) */
--text-display:clamp(48px,5vw,64px); /* Fraunces 600, lh 1.1, sentence case + period */
--text-h2:36px;  /* Fraunces 600, lh 1.15 */
--text-h3:24px;  /* Fraunces 500, lh 1.2 */
--text-body:17px; /* Inter 400, lh 1.55, max measure 70ch */
--text-caption:13px; /* Inter 400, Slate */
--text-overline:12.5px; /* Plex Mono, caps, +8% tracking */
--text-metric:80px; /* Fraunces 300, lh 1.0 */
--lh-display:1.1; /* @kind other */
--lh-heading:1.15; /* @kind other */
--lh-body:1.55; /* @kind other */
--tracking-overline:.08em;
}
body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);color:var(--text-heading);font-weight:600;margin:0}
h1{font-size:var(--text-display);line-height:var(--lh-display)}
h2{font-size:var(--text-h2);line-height:var(--lh-heading)}
h3{font-size:var(--text-h3);line-height:1.2;font-weight:500}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--saffron)}