:root{
  --font:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-sans:var(--font);

  --w-light:300; /* @kind font */
  --w-regular:400; /* @kind font */
  --w-medium:500; /* @kind font */

  /* Scale — 12 / 14 / 16 / 18 / 20 / 40 */
  --t-caption:0.75rem;
  --t-small:0.875rem;
  --t-body:1rem;
  --t-lead:1.125rem;
  --t-mark:1.25rem;
  --t-display:2.5rem;

  --lh-tight:1.0; /* @kind font */
  --lh-title:1.25; /* @kind font */
  --lh-lead:1.4; /* @kind font */
  --lh-body:1.6; /* @kind font */

  /* Tracking is normal everywhere except these two cases. */
  --track-normal:normal; /* @kind font */
  --track-air:0.34em; /* @kind font */   /* wordmark subline only */
  --track-wide:0.14em; /* @kind font */  /* uppercase section labels only */

  /* Semantic type roles */
  --type-display:var(--w-medium) var(--t-display)/var(--lh-tight) var(--font);
  --type-mark:var(--w-regular) var(--t-mark)/var(--lh-title) var(--font);
  --type-lead:var(--w-medium) var(--t-lead)/var(--lh-lead) var(--font);
  --type-body:var(--w-regular) var(--t-body)/var(--lh-body) var(--font);
  --type-caption-title:var(--w-regular) var(--t-body)/var(--lh-title) var(--font);
  --type-caption-location:var(--w-light) var(--t-small)/var(--lh-body) var(--font);
  --type-caption-year:var(--w-light) var(--t-caption)/var(--lh-body) var(--font);
  --type-label:var(--w-medium) 0.6875rem/1.4 var(--font);
}
