/* Type scale — measured off the source template at a 1440px design width.
   Hero display is Light (300); UI and headings are Medium (500); body is Regular. */
:root{
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */

  --fs-display-xl:72px;  --lh-display-xl:1.06; /* @kind font */
  --fs-display-l:60px;   --lh-display-l:1.12; /* @kind font */
  --fs-display-m:44px;   --lh-display-m:1.16; /* @kind font */
  --fs-heading-l:32px;   --lh-heading-l:1.28; /* @kind font */
  --fs-heading-m:24px;   --lh-heading-m:1.32; /* @kind font */
  --fs-heading-s:18px;   --lh-heading-s:1.4; /* @kind font */
  --fs-lead:30px;        --lh-lead:1.34; /* @kind font */
  --fs-body-l:18px;      --lh-body-l:1.6; /* @kind font */
  --fs-body-m:16px;      --lh-body-m:1.6; /* @kind font */
  --fs-body-s:14px;      --lh-body-s:1.55; /* @kind font */
  --fs-caption:13px;     --lh-caption:1.5; /* @kind font */
  --fs-label:12px;       --lh-label:1.4; /* @kind font */

  --ls-display:-0.02em; /* @kind font */
  --ls-heading:-0.01em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-label:0.04em; /* @kind font */

  /* Semantic aliases */
  --text-hero-font:var(--fw-light) var(--fs-display-l)/var(--lh-display-l) var(--font-display);
  --text-lead-font:var(--fw-regular) var(--fs-lead)/var(--lh-lead) var(--font-sans);
  --text-body-font:var(--fw-regular) var(--fs-body-m)/var(--lh-body-m) var(--font-sans);
  --text-ui-font:var(--fw-medium) var(--fs-body-s)/1.2 var(--font-sans);
}