:root{
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* Mobile-first ladder. Values are the source's exact sizes. */
  --text-micro:9px;
  --text-2xs:10px;
  --text-xs:11px;
  --text-sm:12px;
  --text-base:13px;
  --text-md:14px;
  --text-lg:15px;
  --text-xl:17px;
  --text-2xl:19px;
  --text-3xl:24px;
  --text-4xl:26px;
  --text-5xl:34px;
  --text-6xl:40px;

  --leading-tight:1.18;
  --leading-snug:1.28;
  --leading-normal:1.45;
  --leading-relaxed:1.6;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --tracking-tight:-.03em;
  --tracking-snug:-.02em;
  --tracking-normal:-.01em;
  --tracking-wide:.06em;
  --tracking-wider:.08em;
}

/* Desktop lifts the reading sizes by one notch; labels and mono stay put
   so dense admin chrome does not balloon on large screens. */
@media (min-width:1024px){
  :root{
    --text-base:14px;
    --text-md:15px;
    --text-lg:16px;
    --text-xl:18px;
    --text-2xl:21px;
    --text-3xl:28px;
    --text-4xl:32px;
    --text-5xl:40px;
    --text-6xl:48px;
  }
}