@font-face {
  font-family: "Fraunces";
  src: url("/fraunces-latin-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fraunces-latin-ext-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --at-mitternacht: #0A1830;
  --at-koenigsblau: #2155C9;
  --at-blau-tief:   #173F9E;
  --at-silberblau:  #A9C3EC;

  --akzent:    var(--at-koenigsblau);
  --navy:      var(--at-koenigsblau);
  --navy-tief: var(--at-mitternacht);
  --karmesin:  var(--at-blau-tief);

  --sand:      #F4F7FC;
  --sand-tief: #EEF2FC;
  --flaeche:   #F4F7FC;
  --linie:     rgba(10,24,48,.11);
  --text:      #374151;
  --leise:     #5B6675;

  --schrift-titel: "Fraunces", Georgia, "Times New Roman", serif;
}

.blatt h1, .blatt h2, .blatt h3,
.kachel .titel, .modulkopf h1 { font-family: var(--schrift-titel); color: var(--at-mitternacht); font-weight: 600; }
.ws-kopf { border-bottom-color: var(--at-silberblau); }
.kachel .deckel { background: linear-gradient(140deg, #2155C9, #0A1830); }
.kachel:nth-child(2n) .deckel { background: linear-gradient(140deg, #33475F, #0A1830); }
.kachel:nth-child(3n) .deckel { background: linear-gradient(140deg, #173F9E, #0A1830); }

@media (prefers-color-scheme: dark) {
  :root {
    --grund:     #0B1220;
    --papier:    #121B2C;
    --flaeche:   #0A101B;
    --sand:      #18233A;
    --sand-tief: #1F2C46;
    --linie:     #2A3752;
    --text:      #E6EBF2;
    --leise:     #A9B6C9;
    --leise-2:   #8794A8;
    --navy:      #A9C3EC;
    --akzent:    #A9C3EC;
    --navy-tief: var(--at-mitternacht);
    --karmesin:  #8FB0EE;
    --auf-navy:     #0A1830;
    --auf-akzent:   #0A1830;
    --auf-karmesin: #0A1830;
  }
  .blatt h1, .blatt h2, .blatt h3,
  .kachel .titel, .modulkopf h1 { color: #D5E1F7; }
  .ws-kicker { color: #A9C3EC; }
}