:root{
/* families */
--font-display:"Open Sauce Light","Barlow",system-ui,sans-serif; /* title slides, hero lines */
--font-heading:"Roboto Slab",Georgia,serif;                      /* slide titles, section heads */
--font-body:"Roboto",system-ui,sans-serif;                        /* paragraphs, long form */
--font-ui:"Barlow",system-ui,sans-serif;                          /* labels, data, UI chrome */
--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;        /* measurements, IDs */

/* weights */
--fw-light:300; /* @kind font */--fw-regular:400; /* @kind font */--fw-medium:500; /* @kind font */--fw-semibold:600; /* @kind font */--fw-bold:700; /* @kind font */

/* deck scale — 1920x1080 stage (pt in deck -> px here, x1.333) */
--type-deck-title:72px;      /* 54pt Roboto Slab, colour --spctr-blue */
--type-deck-category:48px;   /* 36pt Roboto Slab, colour --spctr-cyan */
--type-deck-lead:38px;       /* 23.75pt Roboto */
--type-deck-hero:56px;       /* 28pt Open Sauce Light, letter-spacing 0.27pt */
--type-deck-item:35px;       /* 26.1pt Barlow */
--type-deck-body:27px;       /* 20pt Barlow */
--type-deck-label:19px;      /* 14pt Barlow, timeline years */

/* interface scale */
--type-6xl:60px;--type-5xl:48px;--type-4xl:38px;--type-3xl:30px;--type-2xl:24px;
--type-xl:20px;--type-lg:18px;--type-md:16px;--type-sm:14px;--type-xs:13px;--type-2xs:11px;

/* line heights */
--lh-tight:1.05; /* @kind font */   /* deck titles: 75.63pt over 54pt */
--lh-snug:1.2; /* @kind font */
--lh-normal:1.45; /* @kind font */  /* deck body: 38.75pt over 23.75pt = 1.63 for lead-ins */
--lh-lead:1.63; /* @kind font */
--lh-loose:1.7; /* @kind font */

/* tracking */
--ls-hero:0.01em; /* @kind font */   /* Open Sauce Light display */
--ls-tight:-0.01em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-label:0.08em; /* @kind font */  /* uppercase Barlow labels */
--ls-wide:0.14em; /* @kind font */
}