/* Otomind type scale. One family, four jobs: eyebrow, headline, body, meta.
   Headlines run light-to-regular at large sizes with tight tracking;
   eyebrows are the only tracked-out, uppercase text in the system. */
:root{
  --font-sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:var(--font-sans);
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* weights */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* sizes — display */
  --fs-display-1:72px;
  --fs-display-2:56px;
  --fs-display-3:44px;
  --fs-heading-1:34px;
  --fs-heading-2:26px;
  --fs-heading-3:20px;
  /* sizes — text */
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-meta:13px;
  --fs-eyebrow:12px;
  --fs-micro:11px;

  /* line heights */
  --lh-display:1.06; /* @kind font */
  --lh-heading:1.16; /* @kind font */
  --lh-body:1.62; /* @kind font */
  --lh-tight:1.35; /* @kind font */
  --lh-flat:1; /* @kind font */

  /* tracking */
  --ls-display:-.022em; /* @kind font */
  --ls-heading:-.014em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-eyebrow:.16em; /* @kind font */
  --ls-label:.04em; /* @kind font */

  /* composed roles */
  --type-display:var(--fw-light) var(--fs-display-1)/var(--lh-display) var(--font-display); /* @kind font */
  --type-display-2:var(--fw-light) var(--fs-display-2)/var(--lh-display) var(--font-display); /* @kind font */
  --type-section:var(--fw-regular) var(--fs-display-3)/var(--lh-heading) var(--font-display); /* @kind font */
  --type-card-title:var(--fw-semibold) var(--fs-heading-3)/var(--lh-tight) var(--font-sans); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans); /* @kind font */
  --type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-sans); /* @kind font */
  --type-nav:var(--fw-medium) var(--fs-body-sm)/var(--lh-flat) var(--font-sans); /* @kind font */
  --type-eyebrow:var(--fw-semibold) var(--fs-eyebrow)/var(--lh-flat) var(--font-sans); /* @kind font */
}