/* EDIT TYPE HERE. Each preset is a complete CSS font shorthand.
   Role rules below restore size/line-height, so switching a preset changes
   family, weight and italic style without changing layout dimensions.
   Adobe styles require internet access and the skh3rrv web project. */
:root {
  --adobe-urw-light: normal 300 1em/normal 'bodoni-urw', serif;
  --adobe-urw-regular: normal 400 1em/normal 'bodoni-urw', serif;
  --adobe-egyptian-extra-light: normal 200 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-extra-light-italic: italic 200 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-light: normal 300 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-light-italic: italic 300 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-regular: normal 400 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-italic: italic 400 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-bold: normal 700 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-egyptian-bold-italic: italic 700 1em/normal 'bodoni-egyptian-pro', serif;
  --adobe-std-book: normal 400 1em/normal 'bodoni-std', serif;
  --adobe-std-book-italic: italic 400 1em/normal 'bodoni-std', serif;
  --local-xanh: normal 400 1em/normal 'Xanh Mono', monospace;
  --local-bodoni-display: normal 400 1em/normal 'Bodoni Display', serif;
  --local-cormorant: normal 400 1em/normal 'Cormorant Garamond', serif;

  /* Swap the preset inside var(...) to try a different style. */
  --type-title: var(--local-xanh);
  --type-tabs: var(--adobe-egyptian-regular);
  --type-note-left: var(--adobe-egyptian-light);
  --type-note-right: var(--adobe-egyptian-light);
  --type-note-late: var(--adobe-egyptian-light);
  --type-footer: var(--adobe-egyptian-light);
  --type-study-poster: var(--adobe-urw-regular);
  --type-poster: var(--adobe-egyptian-regular);
  --type-introduction: var(--adobe-egyptian-extra-light);
  --type-button: var(--adobe-urw-regular);
  --type-index-button: var(--adobe-urw-regular);
  --type-headline: var(--local-bodoni-display);
}

/* Applied last: these are the authoritative font assignments. */
.brand{font:var(--type-title);font-size:3.9cqw;line-height:1.3}
.file-tabs a,.file-tabs a:nth-child(n),.file-tabs a[aria-current],.file-tabs a:hover{font:var(--type-tabs);font-size:2cqw;line-height:1}
.left-note{font:var(--type-note-left);font-size:1.55cqw;line-height:1.55}
.right-note{font:var(--type-note-right);font-size:1.55cqw;line-height:1.55}
.late-hours{font:var(--type-note-late);font-size:1.55cqw;line-height:1.55}
.archive-footer{font:var(--type-footer);font-size:1.2cqw;line-height:1.2}
.poster-caption{font:var(--type-poster);font-size:2.25cqw;line-height:1.35}
.hero-copy>p{font:var(--type-introduction);font-size:2.65cqw;line-height:1.16;color:var(--color-moonlight)}
.hero-copy .paper-button{font:var(--type-index-button);font-size:2.7cqw;line-height:1.3}
.hero-copy h1{font:var(--type-headline);font-size:10.4cqw;line-height:.9}
/* No font-size breakpoints: 1cqw is 1% of the matching artwork container. */