/* ==========================================================================
   Mind on the Moon – Webfonts
   --------------------------------------------------------------------------
   SangBleu Sunrise Livre, Swiss Typefaces. Lizenziert ist ein Schnitt
   (Livre, usWeightClass 450) in drei optischen Größen.

   Es gibt weder Kursiv noch einen zweiten Schnitt. Hervorhebungen in
   Fließtexten dürfen deshalb NICHT über font-weight/font-style laufen –
   der Browser würde fälschen. Siehe Regelblock am Ende der Datei.

   Optische Größen sind eigenständige Dateien, keine Achse einer Variable
   Font. Sie lassen sich daher nicht über font-optical-sizing schalten,
   sondern werden je Textrolle als eigene Familie zugewiesen.
   ========================================================================== */

@font-face {
  font-family: "SangBleu Sunrise S";
  src: url("../fonts/SangBleuSunrise-Livre-WebS.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SangBleu Sunrise M";
  src: url("../fonts/SangBleuSunrise-Livre-WebM.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SangBleu Sunrise XL";
  src: url("../fonts/SangBleuSunrise-Livre-WebXL.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}

:root {
  --fallback: "Iowan Old Style", "Palatino", Georgia, serif;

  --font-s:  "SangBleu Sunrise S",  var(--fallback);   /* bis 20 px  */
  --font-m:  "SangBleu Sunrise M",  var(--fallback);   /* 20 – 35 px */
  --font-xl: "SangBleu Sunrise XL", var(--fallback);   /* ab 35 px   */
}

/* --------------------------------------------------------------------------
   Keine gefälschten Schnitte. Der Browser synthetisiert sonst Fett und
   Kursiv, was bei einer Serif dieser Machart deutlich sichtbar bricht.
   Hervorhebungen im Fließtext werden über Farbe oder Laufweite gelöst –
   solange kein zweiter Schnitt nachlizenziert ist.
   -------------------------------------------------------------------------- */

b, strong, em, i, dfn, cite {
  font-synthesis: none;
  font-weight: inherit;
  font-style: inherit;
}

em, i {
  color: var(--swatch-green);
}