/* --------------------------------------------------------------------------- Lekton — SIL Open Font License. Free to self-host and serve. Stays local. --------------------------------------------------------------------------- */ @font-face{font-family:"Lekton";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/Lekton-Regular.ttf) format('truetype');} @font-face{font-family:"Lekton";font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/Lekton-Bold.ttf) format('truetype');} @font-face{font-family:"Lekton";font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/Lekton-Italic.ttf) format('truetype');} /* --------------------------------------------------------------------------- Proxima Nova + Proxima Sera are served by ADOBE FONTS, via the in each page's . Do NOT self-host these. The desktop .ttf/.otf files that ship with the design system are licensed for desktop use only; serving them from a web server is a licence violation that Mark Simonson Studio actively pursues. Adobe's CSS family names are lowercase and hyphenated: proxima-nova / proxima-sera. Fallbacks below are what visitors see if Adobe fails to load or the Creative Cloud subscription lapses. --------------------------------------------------------------------------- */ :root{ --font-body:proxima-sera,Georgia,"Times New Roman",serif; --font-subtext:var(--font-body); --font-quote:var(--font-body); --font-heading:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif; --font-subheading:var(--font-heading); --font-label:"Lekton",ui-monospace,SFMono-Regular,Menlo,monospace; --font-mono:var(--font-label); --font-display:var(--font-heading); --text-xs:13px; --text-sm:15px; --text-base:17px; --text-md:19px; --text-lg:22px; --text-xl:28px; --text-2xl:36px; --text-3xl:48px; --text-4xl:64px; --leading-tight:1.1; --leading-snug:1.3; --leading-normal:1.55; --leading-relaxed:1.7; --tracking-tight:-0.03em; --tracking-normal:-0.03em; --tracking-wide:-0.03em; --tracking-label:-0.01em; --weight-regular:400; --weight-light:300; --weight-semibold:600; --weight-bold:700; --weight-black:900; --weight-heading:700; }