@font-face {
  font-family:"Source Sans 3";
  src:url("fonts/source-sans-3-latin.woff2") format("woff2");
  font-style:normal;
  font-weight:200 900;
  font-display:swap;
}

@font-face {
  font-family:"STIX Two Text";
  src:url("fonts/stix-two-text-latin.woff2") format("woff2");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
}

:root {
  --font-body:"Source Sans 3",Arial,Helvetica,sans-serif;
  --font-display:"STIX Two Text",Georgia,"Times New Roman",serif;
  --type-body:clamp(1.1rem, 1rem + .2vw, 1.1875rem);
  --type-reading:clamp(1.125rem, 1.04rem + .22vw, 1.225rem);
  --type-note:1rem;
  --type-label:.875rem;
  --type-nav:.975rem;
}

h1,h2 { text-wrap:balance; }

@media print {
  :root {
    --type-body:1rem;
    --type-reading:1.08rem;
    --type-note:.94rem;
    --type-label:.75rem;
  }
}
