:root{
--font-sans:var(--font-stack-grotesque);
--font-display:var(--font-stack-grotesque);
--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
/* Scale (1440px desktop reference) */
--text-display:64px;--text-display-sm:52px;
--text-h1:44px;--text-h2:36px;--text-h3:28px;--text-h4:20px;
--text-body-lg:18px;--text-body:16px;--text-sm:14px;--text-xs:12px;--text-label:11px;
/* Line heights */
--leading-display:1.08;--leading-heading:1.18;--leading-snug:1.35;--leading-body:1.5;--leading-loose:1.65;
/* Tracking */
--tracking-display:-0.022em;--tracking-heading:-0.015em;--tracking-body:0.2px;--tracking-label:0.08em;
/* Weights: the brand uses regular and medium almost exclusively. Bold is rare. */
--weight-regular:400;--weight-medium:500;--weight-bold:700;
/* Semantic roles */
--type-hero:var(--weight-medium) var(--text-display)/var(--leading-display) var(--font-display);
--type-section:var(--weight-regular) var(--text-h2)/var(--leading-heading) var(--font-display);
--type-card-title:var(--weight-medium) var(--text-h4)/var(--leading-snug) var(--font-sans);
--type-body:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-sans);
--type-small:var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-sans);
}