/* Reckon typography. Two families only: Cal Sans for everything visible,
   Paper Mono for code, kbd and tabular technical strings.
   --font-heading is an alias of --font-sans by default; override it in an app
   layout to run a separate display face. */
:root{
  --font-sans:"Cal Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-heading:var(--font-sans);
  --font-mono:"Paper Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* the wordmark / display lockup axis settings */
  --font-variation-display:"GEOM" 50,"opsz" 32;

  --text-2xs:0.625rem;   /* 10px — badge size=sm on desktop */
  --text-xs:0.75rem;     /* 12px — meta, group labels, shortcuts */
  --text-sm:0.875rem;    /* 14px — the desktop UI default */
  --text-base:1rem;      /* 16px — the mobile UI default */
  --text-lg:1.125rem;    /* 18px — card titles */
  --text-xl:1.25rem;     /* 20px — dialog titles, empty-state titles */
  --text-2xl:1.5rem;     /* 24px — wordmark */
  --text-3xl:1.875rem;
  --text-4xl:2.25rem;
  --text-5xl:3rem;       /* page headers */

  --leading-none:1;
  --leading-tight:1.15;
  --leading-snug:1.3;
  --leading-normal:1.5;
  --leading-relaxed:1.625;

  --font-weight-normal:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;

  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.05em;
}
