/* Type — Hanken Grotesk for headers, Open Sans for body. */
:root {
  --font-heading: 'Hanken Grotesk', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  --weight-black: 900; /* @kind font */
  --weight-extrabold: 800; /* @kind font */
  --weight-bold: 700; /* @kind font */
  --weight-semibold: 600; /* @kind font */
  --weight-medium: 500; /* @kind font */
  --weight-regular: 400; /* @kind font */

  --size-h1: 44px;   --lh-h1: 1.1; /* @kind other */    --track-h1: -0.02em; /* @kind other */
  --size-h2: 32px;   --lh-h2: 1.15; /* @kind other */   --track-h2: -0.01em; /* @kind other */
  --size-h3: 24px;   --lh-h3: 1.2; /* @kind other */
  --size-h4: 20px;   --lh-h4: 1.25; /* @kind other */
  --size-h5: 16px;   --lh-h5: 1.3; /* @kind other */
  --size-h6: 14px;   --lh-h6: 1.35; /* @kind other */
  --size-body: 16px; --lh-body: 1.55; /* @kind other */
  --size-small: 12px;--lh-small: 1.5; /* @kind other */

  /* Eyebrow / table header: Hanken 700, uppercase, tracked out */
  --size-eyebrow: 11px;
  --track-eyebrow: 0.12em; /* @kind other */
  --track-table-head: 0.08em; /* @kind other */
}