/* The face, for both identities.

   @font-face is global by family name, so the two constitutions share one
   declaration. It is the document's mapping: the flyers were drawn with
   medium at 400 and bold at 600, and splitting the family to give the
   interface a demi took a weight off seven places in the page and lightened
   every glyph on it. The document is the thing that prints, so the document's
   mapping wins and the interface uses the same two faces.

   Didot belongs to the page alone and is never named by the chrome. */
@font-face{font-family:'Avenir Next';src:url('../../../assets/fonts/avenir-next-medium.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'Avenir Next';src:url('../../../assets/fonts/avenir-next-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'Linotype Didot';src:url('../../../assets/fonts/didot-linotype.woff2') format('woff2');font-weight:400;font-display:swap}

:root{ --font-ui:'Avenir Next',Arial,sans-serif; }
.sheet{ --doc-sans:'Avenir Next',Arial,sans-serif; --doc-serif:'Linotype Didot',Didot,serif; }