/*
  Gemeinsame Werte aller Seiten: Farben, Schriften, Schatten.
  Hell, dunkel und die Wahl des Systems. Wer hier etwas aendert,
  aendert es auf jeder Seite.
*/

:root {
    --papier: #f2f0eb;
    --papier-2: #fbfaf7;
    --tinte: #17161a;
    --tinte-2: #55524b;
    --tinte-3: #817d74;
    --linie: #ddd8cd;
    --linie-stark: #c9c3b6;
    --signal: #ff5c2b;
    --signal-satt: #d63f12;
    --alt: #e8456a;
    --alt-satt: #c92a50;
    --schatten: 0 1px 2px rgba(23, 22, 26, .05), 0 8px 24px rgba(23, 22, 26, .06);

    --display: "Bebas Neue", "Haettenschweiler", "Arial Narrow", sans-serif;
    --text: "Nunito", "Segoe UI", system-ui, sans-serif;
    --mono: "JetBrains Mono", "Consolas", ui-monospace, monospace;
  }

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
      --papier: #131215;
      --papier-2: #1c1b1f;
      --tinte: #f4f2ee;
      --tinte-2: #b0aca4;
      --tinte-3: #85817a;
      --linie: #2c2a2f;
      --linie-stark: #403d44;
      --signal: #ff5c2b;
      --signal-satt: #ff7a52;
      --alt: #f0587a;
      --alt-satt: #ff7392;
      --schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 28px rgba(0, 0, 0, .35);
    }
}

:root[data-theme="dark"] {
    --papier: #131215;
    --papier-2: #1c1b1f;
    --tinte: #f4f2ee;
    --tinte-2: #b0aca4;
    --tinte-3: #85817a;
    --linie: #2c2a2f;
    --linie-stark: #403d44;
    --signal: #ff5c2b;
    --signal-satt: #ff7a52;
    --alt: #f0587a;
    --alt-satt: #ff7392;
    --schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 28px rgba(0, 0, 0, .35);
  }