/* efelle type. Two scales. Do not mix them.
   Screen scale: websites, app UI, prototypes, slides.
   Document scale: print deliverables in a 780px column. */
:root{
  --font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  /* Weights */
  --fw-regular:400;/* @kind font */ --fw-medium:500;/* @kind font */ --fw-label:600;/* @kind font */ --fw-bold:700;/* @kind font */ --fw-display:800;/* @kind font */

  /* Screen scale */
  --fs-display:64px; --lh-display:1.02;/* @kind font */ --ls-display:-0.03em;/* @kind font */
  --fs-h1:48px;      --lh-h1:1.06;/* @kind font */      --ls-h1:-0.025em;/* @kind font */
  --fs-h2:34px;      --lh-h2:1.15;/* @kind font */      --ls-h2:-0.02em;/* @kind font */
  --fs-h3:22px;      --lh-h3:1.25;/* @kind font */      --ls-h3:-0.01em;/* @kind font */
  --fs-h4:17px;      --lh-h4:1.35;/* @kind font */
  --fs-body-lg:18px; --lh-body:1.7;/* @kind font */
  --fs-body:16px;
  --fs-body-sm:14px; --lh-body-sm:1.6;/* @kind font */
  --fs-caption:13px; --lh-caption:1.5;/* @kind font */
  --fs-eyebrow:11px; --ls-eyebrow:0.14em;/* @kind font */ --lh-eyebrow:1.4;/* @kind font */
  --fs-stat:56px;

  /* Document scale. Print deliverables only. Never on the web. */
  --doc-fs-h1:26px;   --doc-lh-h1:1.08;/* @kind font */
  --doc-fs-h2:26px;   --doc-lh-h2:1.2;/* @kind font */
  --doc-fs-h3:13px;   --doc-lh-h3:1.3;/* @kind font */
  --doc-fs-lead:14px; --doc-lh-lead:1.75;/* @kind font */
  --doc-fs-body:13px; --doc-lh-body:1.75;/* @kind font */
  --doc-fs-stat:42px;
}
/* Mobile type overrides. Body never shrinks below 16px. */
@media (max-width:900px){
  :root{ --fs-display:40px; --fs-h1:34px; --fs-h2:26px; --fs-stat:40px; }
}