/* HouseChalk type.
 *
 * ONE FACE, AND WEIGHT DOES THE WORK. Figtree sets every word in the product.
 * --font-display and --font-body both resolve to it and are kept as separate
 * names only so a component can say which JOB it is doing: display is the
 * larger, tighter, lighter-weight treatment; body is the operational one. If
 * you find yourself wanting a second family, the answer is a step on this ramp
 * or a weight, not a new face.
 *
 * HIERARCHY IS SIZE, WEIGHT AND TRACKING — in that order. A title is large and
 * tightly tracked at regular weight; the phrase that matters inside a sentence
 * goes to 800. Emphasis lives INSIDE the sentence rather than in a second line.
 *
 * AS TYPE GETS LARGER IT GETS TIGHTER. A 42px heading at default tracking looks
 * loose and unresolved, which is why --tracking-display exists and why nothing
 * above --text-lg should be set without it.
 */
:root{
  --font-display:"Figtree","DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-body:"Figtree","DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  --text-3xl:42px;  /* the arrival title — a screen with one thing on it */
  --text-2xl:33px;
  --text-xl:27px;   /* the screen title */
  --text-lg:21px;   /* the block title — cards and bare blocks alike */
  --text-md:18px;   /* a lead sentence, an option name */
  --text-base:16px; /* body */
  --text-sm:15px;   /* a supporting sentence */
  --text-xs:13.5px; /* metadata */
  --text-2xs:12px;  /* chips, the eyebrow */
  --text-3xs:11px;

  --leading-display:1.04;
  --leading-tight:1.14;
  --leading-snug:1.28;
  --leading-meta:1.35;    /* the short line that is not prose — a timestamp, a source,
                            the working under a figure. One to three lines that
                            want air between them without reading as a paragraph.
                            Without this rung metadata took --leading-body and
                            sat looser than the sentence it was annotating. */
  --leading-body:1.55;
  --leading-relaxed:1.62;

  --tracking-display:-0.03em;  /* --text-2xl and above */
  --tracking-title:-0.02em;    /* --text-lg and --text-xl */
  --tracking-eyebrow:0.13em;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:800;           /* the in-sentence emphasis, and only that */
}