@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{
--font-family:'Inter',system-ui,sans-serif;

/* Manual's literal print specimen scale (kept exact — see guidelines/type-scale.html) */
--type-display-size:48px; --type-display-lh:52px; --type-display-weight:700;
--type-h1-size:32px; --type-h1-lh:36px; --type-h1-weight:600;
--type-h2-size:20px; --type-h2-lh:24px; --type-h2-weight:500;
--type-body-size:11px; --type-body-lh:16px; --type-body-weight:400;
--type-ui-size:10px; --type-ui-lh:14px; --type-ui-weight:500;

/* Product-UI scale — same weight hierarchy, sized up from the print specimen for on-screen legibility */
--text-display:700 40px/1.1 var(--font-family);
--text-h1:600 28px/1.2 var(--font-family);
--text-h2:500 20px/1.3 var(--font-family);
--text-body:400 16px/1.5 var(--font-family);
--text-body-sm:400 14px/1.5 var(--font-family);
--text-ui:500 14px/1.3 var(--font-family);
--text-caption:500 12px/1.3 var(--font-family);
}