:root{
--font-sans:'Kanit',system-ui,sans-serif;
--font-mono:'JetBrains Mono','SFMono-Regular',monospace;
/* Roles: size / weight / line-height */
--type-display-xl:clamp(3.5rem,7vw,6.75rem); --weight-display-xl:700 /* @kind other */; --lh-display-xl:.95 /* @kind other */;
--type-display-lg:clamp(2.75rem,5vw,4.75rem); --weight-display-lg:650 /* @kind other */; --lh-display-lg:1 /* @kind other */;
--type-h1:clamp(2.25rem,4vw,3.25rem); --weight-h1:600 /* @kind other */; --lh-h1:1.1 /* @kind other */;
--type-h2:2rem; --weight-h2:600 /* @kind other */; --lh-h2:1.2 /* @kind other */;
--type-h3:1.5rem; --weight-h3:600 /* @kind other */; --lh-h3:1.3 /* @kind other */;
--type-h4:1.2rem; --weight-h4:500 /* @kind other */; --lh-h4:1.35 /* @kind other */;
--type-lead:1.25rem; --weight-lead:350 /* @kind other */; --lh-lead:1.55 /* @kind other */;
--type-body:1rem; --weight-body:350 /* @kind other */; --lh-body:1.65 /* @kind other */;
--type-small:.875rem; --weight-small:400 /* @kind other */; --lh-small:1.5 /* @kind other */;
--type-caption:.75rem; --weight-caption:400 /* @kind other */; --lh-caption:1.4 /* @kind other */;
--type-button:1rem; --weight-button:500 /* @kind other */;
--type-eyebrow:.8125rem; --tracking-eyebrow:.08em /* @kind other */;
}
body{margin:0;font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--text-heading);margin:0}
a{color:var(--color-ink);text-decoration-color:var(--color-lavender);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--color-ink);text-decoration-color:var(--color-ink)}
.eyebrow{font-family:var(--font-mono);font-size:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-body);font-weight:400}