:root{
--font-display:"Fraunces",Georgia,serif;
--font-sans:"General Sans","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,monospace;
/* Type scale */
--text-xs:12px;--text-sm:13.5px;--text-base:15px;--text-md:16.5px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:60px;
--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.55;
--tracking-caps:0.09em;
/* Semantic */
--type-hero:600 var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h1:600 var(--text-3xl)/var(--leading-tight) var(--font-display);
--type-h2:600 var(--text-2xl)/var(--leading-snug) var(--font-display);
--type-h3:600 var(--text-lg)/var(--leading-snug) var(--font-sans);
--type-body:400 var(--text-base)/var(--leading-body) var(--font-sans);
--type-ui:600 var(--text-sm)/1.2 var(--font-sans);
--type-caption:400 var(--text-xs)/1.4 var(--font-sans);
--type-kicker:700 var(--text-xs)/1.2 var(--font-sans);
--type-data:500 var(--text-sm)/1.4 var(--font-mono);
--type-quote:500 italic var(--text-2xl)/1.3 var(--font-display);
}