/* ------------------------------------------------------------------
   SCHRIFTEN – hier werden später die beiden Adobe Fonts eingetragen.

   1. In Adobe Fonts ein Web-Projekt mit beiden Schriften anlegen.
   2. In index.html den Platzhalter-<link> (Google Fonts) durch den
      Adobe-Link ersetzen:  <link rel="stylesheet" href="https://use.typekit.net/XXXXXXX.css">
   3. Unten die beiden Variablen auf die Adobe-Schriftnamen ändern, z. B.
        --font-neutral: "neue-haas-grotesk-text", sans-serif;
        --font-playful: "cooper-black-std", serif;

   Bis dahin: DM Sans (neutral, liegt schon im Repo) und Fraunces
   (verspielt, über Google Fonts) als Platzhalter.
   ------------------------------------------------------------------ */

@font-face {
  font-family: "DM Sans Local";
  src: url("../../cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans Local";
  src: url("../../cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-neutral: "DM Sans Local", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-playful: "Fraunces", "Cooper Black", Georgia, serif;
}