:root{
--font-display:'Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif;
--font-body:'Inter',Arial,ui-sans-serif,system-ui,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,monospace;
/* Hierarchy: size / line-height / letter-spacing */
--type-hero-size:96px; --type-hero-lh:1.0; --type-hero-ls:-1.92px;      /* display font, w400 */
--type-display-size:72px; --type-display-lh:1.0; --type-display-ls:-1.44px;
--type-section-display-size:60px; --type-section-display-lh:1.0; --type-section-display-ls:-1.2px; /* body font from here down */
--type-section-size:48px; --type-section-lh:1.2; --type-section-ls:-0.48px;
--type-card-heading-size:32px; --type-card-heading-lh:1.2; --type-card-heading-ls:-0.32px;
--type-feature-size:24px; --type-feature-lh:1.3; --type-feature-ls:0;
--type-body-lg-size:18px; --type-body-lg-lh:1.4;
--type-body-size:16px; --type-body-lh:1.5;
--type-button-size:14px; --type-button-lh:1.71; --type-button-weight:500;
--type-caption-size:14px; --type-caption-lh:1.4;
--type-mono-size:14px; --type-mono-lh:1.4; --type-mono-ls:0.28px; /* uppercase */
--type-micro-size:12px; --type-micro-lh:1.4;
}
body{font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-lh);color:var(--text-body);margin:0}
a{color:var(--link)}
a:hover{color:var(--near-black)}