/* Type for every page: the public site, the login view and the app. This is the one place
   fonts are chosen. To retype everything, change the @import and the tokens below; the PNG and
   SVG exports read the chart tokens from here too (js/exporter.js).

   Current set: Lato for UI text, URW DIN for headings, URW DIN Condensed for chart labels
   (Adobe Fonts kit vlo7ifg). */

@import url("https://use.typekit.net/vlo7ifg.css");

:root {
  --font-ui: "lato", "Helvetica Neue", Arial, sans-serif;            /* body, buttons, fields */
  --font-head: "urw-din", "Helvetica Neue", Arial, sans-serif;       /* titles and headings */
  --font-cond: "urw-din-condensed", "urw-din", "Arial Narrow", sans-serif; /* chart labels */

  --size-ui: 15px;          /* base UI text size */
  --tracking: 0;            /* letter-spacing for UI text */
  --weight-head: 600;       /* app headings */
  --weight-display: 600;    /* large headlines on the public site */
  --tracking-display: -0.05em; /* all headings: -4px at 80px, scales with size */

  /* Chart text, as CSS font shorthand minus the family. */
  --chart-label: 700 13px;        /* entity names */
  --chart-link-label: 400 11.5px; /* connection labels */
}

/* The other set tried on 2026-10-08, kept for an easy switch: replace the @import above with
     @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400&display=swap");
   and the tokens with
     --font-ui: "IBM Plex Mono", ui-monospace, Menlo, monospace;
     --font-head: "Newsreader", Georgia, serif;
     --font-cond: "IBM Plex Mono", ui-monospace, Menlo, monospace;
     --size-ui: 13.5px; --tracking: -0.02em;
     --weight-head: 400; --weight-display: 400; --tracking-display: -0.02em;
     --chart-label: 500 11.5px; --chart-link-label: 400 10.5px; */