:root{
  /* Type scale — display sizes are tuned for marketing pages, text sizes for app UI */
  --text-display-1:64px;--text-display-2:52px;--text-display-3:42px;
  --text-h1:34px;--text-h2:28px;--text-h3:22px;--text-h4:18px;
  --text-lg:17px;--text-md:15px;--text-sm:13.5px;--text-xs:12px;--text-2xs:10.5px;

  --leading-display:1.06;--leading-tight:1.18;--leading-snug:1.35;
  --leading-normal:1.55;--leading-relaxed:1.7;

  --weight-light:300;--weight-regular:400;--weight-medium:500;
  --weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

  --tracking-display:-.028em;--tracking-heading:-.018em;--tracking-normal:0em;
  --tracking-wide:.04em;--tracking-eyebrow:.13em;

  /* Composite roles */
  --type-display:var(--weight-semibold) var(--text-display-1)/var(--leading-display) var(--font-display);
  --type-hero:var(--weight-semibold) var(--text-display-2)/var(--leading-display) var(--font-display);
  --type-section:var(--weight-semibold) var(--text-display-3)/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-semibold) var(--text-h1)/var(--leading-tight) var(--font-display);
  --type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-tight) var(--font-display);
  --type-h3:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-display);
  --type-h4:var(--weight-semibold) var(--text-h4)/var(--leading-snug) var(--font-display);
  --type-body-lg:var(--weight-regular) var(--text-lg)/var(--leading-normal) var(--font-body);
  --type-body:var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-body);
  --type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
  --type-label:var(--weight-semibold) var(--text-sm)/1.3 var(--font-body);
  --type-button:var(--weight-semibold) var(--text-md)/1 var(--font-body);
  --type-mono:var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-mono);
}