:root{
  --font-core:"Inter","Helvetica Neue",Arial,sans-serif;   /* the only typeface Eeagli uses */
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace; /* hex fields, project ids */

  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */   /* chart titles only */

  /* UI ramp (studio chrome, marketing body) */
  --text-2xs:11px;
  --text-xs:12px;
  --text-sm:13px;
  --text-base:14px;
  --text-md:15px;
  --text-lg:17px;
  --text-xl:20px;
  --text-2xl:24px;
  --text-3xl:32px;
  --text-4xl:44px;
  --text-5xl:64px;

  --leading-tight:1.05; /* @kind font */   /* chart + marketing display */
  --leading-snug:1.25; /* @kind font */
  --leading-normal:1.45; /* @kind font */
  --leading-relaxed:1.6; /* @kind font */

  --tracking-tight:-0.02em; /* @kind font */   /* display sizes */
  --tracking-normal:0; /* @kind font */
  --tracking-label:0.08em; /* @kind font */    /* uppercase panel labels, eyebrows */
  --tracking-wordmark:0.16em; /* @kind font */ /* EEAGLI set as type */

  /* Chart render ramp - expressed as a share of canvas width so a render
     scales identically at 1080, 1920 or 3840 px. */
  --chart-title:5.6cqw; /* @kind font */
  --chart-subtitle:2.3cqw; /* @kind font */
  --chart-period:3.2cqw; /* @kind font */
  --chart-legend:2.1cqw; /* @kind font */
  --chart-axis-size:2.1cqw; /* @kind font */
  --chart-value:2.3cqw; /* @kind font */
  --chart-annotation-size:2.0cqw; /* @kind font */
  --chart-source:1.7cqw; /* @kind font */

  /* Semantic type aliases */
  --text-display:var(--text-5xl);
  --text-heading:var(--text-2xl);
  --text-body:var(--text-base);
  --text-caption:var(--text-xs);
}