@font-face {
  font-family: "Gantari";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/gantari-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Gantari";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/gantari-latin-700.woff2") format("woff2");
}

:root {

  --gruen-des-vertrauens:   #6FA824;
  --orange-des-wohlfuehlens: #F88702;
  --blau-der-resultate:     #4172BB;
  --hintergrund-grau:       #303337;

  --akzent:     var(--blau-der-resultate);
  --navy:       var(--blau-der-resultate);
  --navy-tief:  var(--hintergrund-grau);
  --karmesin:   var(--orange-des-wohlfuehlens);
  --gruen:      var(--gruen-des-vertrauens);

  --sand:       #F4F4F3;
  --sand-tief:  #EBEBE9;
  --flaeche:    #F6F6F5;
  --linie:      #E4E4E2;
  --leise:      #5B5F63;
  --leise-2:    #8A8F94;

  --schrift:       "Gantari", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --schrift-titel: "Gantari", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --sand:      #1B1D20;
    --sand-tief: #24272B;
    --flaeche:   #17191C;
    --linie:     #2E3236;
    --leise:     #A8AEB4;
    --leise-2:   #7C8288;
  }
}

.blatt h1, .blatt h2, .kachel .titel, .modulkopf h1 { letter-spacing: -.01em; font-weight: 700; }