/* Individually art-directed Adobe type systems for the eight demo identities.
   Each display face is deliberately used once; body faces support the tone. */
body.type-amara {
  --demo-display: "adobe-garamond-pro", Georgia, serif;
  --demo-text: "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 400;
  --demo-tracking: -.035em;
}
body.type-edition {
  --demo-display: "bely-display", "adobe-garamond-pro", Georgia, serif;
  --demo-text: "futura-pt", "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 400;
  --demo-tracking: -.025em;
}
body.type-folio {
  --demo-display: "acumin-pro", Arial, sans-serif;
  --demo-text: "futura-pt", Arial, sans-serif;
  --demo-display-weight: 700;
  --demo-tracking: -.045em;
}
body.type-forma {
  --demo-display: "futura-pt", "acumin-pro", Arial, sans-serif;
  --demo-text: "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 500;
  --demo-tracking: -.055em;
}
body.type-morrow {
  --demo-display: "ivypresto-display", "adobe-garamond-pro", Georgia, serif;
  --demo-text: "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 400;
  --demo-tracking: -.035em;
}
body.type-offscript {
  --demo-display: "obviously-variable", Impact, sans-serif;
  --demo-text: "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 700;
  --demo-tracking: -.045em;
}
body.type-still {
  --demo-display: "tuppence-variable", "adobe-garamond-pro", Georgia, serif;
  --demo-text: "futura-pt", "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 400;
  --demo-tracking: -.025em;
}
body.type-sumi {
  --demo-display: "ogg", "adobe-garamond-pro", Georgia, serif;
  --demo-text: "acumin-pro", Arial, sans-serif;
  --demo-display-weight: 400;
  --demo-tracking: -.02em;
}

body[class*="type-"] {
  font-family: var(--demo-text) !important;
}
body[class*="type-"] :is(h1, h2, h3, h4, blockquote, .serif) {
  font-family: var(--demo-display) !important;
  font-weight: var(--demo-display-weight);
  letter-spacing: var(--demo-tracking);
}
body[class*="type-"] :is(.brand, .logo, .wordmark) {
  font-family: var(--demo-display) !important;
}
body.type-edition h1,
body.type-edition h2,
body.type-morrow h1,
body.type-morrow h2,
body.type-sumi h1,
body.type-sumi h2 {
  font-feature-settings: "swsh" 1, "kern" 1;
}
body.type-folio :is(.tag, .eyebrow, .label, .heading),
body.type-offscript :is(.tag, .eyebrow, .label),
body.type-forma :is(.tag, .eyebrow, .label) {
  letter-spacing: .13em;
  text-transform: uppercase;
}
body.type-still :is(.eyebrow, .nav-links, button),
body.type-sumi :is(.eyebrow, .nav-links, button) {
  letter-spacing: .035em;
}