/* Typography. Source: guidelines p.4 (Roboto; Light for body) and p.9–11 (12pt default = 16px, 16pt for low-vision = ~21px, leading ≥ size+2pt, ~70ch lines, ranged left, no italics/underline/all-caps in body). */
:root{
--font-sans:"Roboto","Segoe UI",Arial,sans-serif;
--font-display:var(--font-sans);
--font-body:var(--font-sans);
--font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

--weight-light:300;
--weight-normal:400;
--weight-medium:500;
--weight-bold:700;
--weight-black:900;

--text-xs:13px;
--text-sm:14px;
--text-base:16px;
--text-md:18px;
--text-lg:21px;
--text-xl:24px;
--text-2xl:30px;
--text-3xl:38px;
--text-4xl:48px;
--text-5xl:64px;

--leading-tight:1.15;
--leading-snug:1.3;
--leading-body:1.5;
--leading-loose:1.65;

--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-label:0.02em;

--measure:70ch;

/* Semantic roles */
--type-display:var(--weight-black) var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:var(--weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-display);
--type-h3:var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);
--type-h4:var(--weight-bold) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-lead:var(--weight-light) var(--text-lg)/var(--leading-body) var(--font-body);
/* Product/LMS body uses 400 for reading comfort; Light reserved for marketing lead. */
--type-body:var(--weight-normal) var(--text-base)/var(--leading-body) var(--font-body);
--type-body-large:var(--weight-normal) var(--text-lg)/var(--leading-body) var(--font-body);
--type-label:var(--weight-medium) var(--text-sm)/var(--leading-snug) var(--font-body);
--type-caption:var(--weight-normal) var(--text-xs)/var(--leading-snug) var(--font-body);
}