/* AMERICAN — Typography tokens */
:root {
  /* Families */
  --font-display: 'Oswald', 'Arial Narrow', system-ui, sans-serif;   /* condensed display headings (SUBSTITUTE — see readme) */
  --font-sans: 'Source Sans 3', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; /* corporate typeface — body */
  --font-serif: 'Source Serif 4', 'Source Serif Pro', Georgia, serif; /* acceptable serif */

  /* Display headings are set uppercase, heavy, tight */
  --display-transform: uppercase;   /* @kind other */
  --display-weight: 700;            /* @kind other */
  --display-tracking: 0.005em;      /* @kind other */
  --display-leading: 0.98;          /* @kind other */

  /* Weights */
  --fw-regular: 400;                /* @kind other */
  --fw-semibold: 600;               /* @kind other */
  --fw-bold: 700;                   /* @kind other */

  /* Type scale (px) */
  --fs-display-1: 60px;   /* hero */
  --fs-display-2: 44px;   /* major section headers */
  --fs-display-3: 32px;   /* section headers */
  --fs-h1: 34px;
  --fs-h2: 26px;
  --fs-h3: 20px;
  --fs-eyebrow: 13px;     /* red category labels, uppercase */
  --fs-body-lg: 19px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;

  /* Line heights */
  --lh-tight: 1.05;   /* @kind other */
  --lh-snug: 1.25;    /* @kind other */
  --lh-body: 1.6;     /* @kind other */

  /* Letter spacing */
  /* wide tracking on eyebrows / button labels */
  --ls-eyebrow: 0.12em;   /* @kind spacing */
  --ls-button: 0.08em;    /* @kind spacing */
  --ls-body: 0;           /* @kind other */
}