/* ==========================================================================
   Eigene Farben
   --------------------------------------------------------------------------
   Diese Datei gehört dir. Sie wird nach app.css geladen und überschreibt
   deren Werte, solange unter Daten > Einstellungen die Farbstimmung
   "Eigene Farben" gewählt ist. app.css bleibt dabei unangetastet, du kannst
   also nichts kaputt machen - im Zweifel einfach auf Rotbraun oder Waldgrün
   zurückschalten.

   Die Anwendung arbeitet mit benannten Farben (CSS-Variablen). Du änderst
   also nicht an dreißig Stellen die Farbe eines Knopfes, sondern einmal
   --akzent, und alles Zugehörige zieht mit.

   Ausgangspunkt unten ist die Rotbraun-Palette. Ändere einen Wert, speichere
   die Datei, lade die Seite neu (Strg+F5) - fertig.
   ========================================================================== */

/* --- Tagfassung ---------------------------------------------------------- */

[data-schema="eigen"] {

  /* Flächen */
  --bg:          #f7f1ea;   /* Seitenhintergrund hinter den Karten          */
  --karte:       #fffdfa;   /* Karten, Kopfzeile, Reiterleiste              */
  --rand:        #dcc9b6;   /* Trennlinien, Umrandung von Eingabefeldern    */

  /* Schrift */
  --text:        #2e211a;   /* normale Schrift                              */
  --dezent:      #75604f;   /* Hilfstexte, Beschriftungen, Tabellenköpfe    */

  /* Bedienelemente */
  --akzent:      #8f4527;   /* aktiver Reiter, Speichern-Knopf, Zahlen      */
  --akzent-hell: #f6e7dc;   /* zarte Tönung dahinter, z. B. beim Überfahren */
  --akzent-text: #ffffff;   /* Schrift auf der Akzentfarbe                  */
  --warnung:     #b3271b;   /* Löschen-Knopf und Warnhinweise               */

  /* Feinheiten */
  --radius:      10px;      /* Rundung der Ecken; 0 wirkt sachlicher        */
  --schatten:    0 1px 2px rgba(74,45,25,.10), 0 2px 8px rgba(74,45,25,.06);
}

/* --- Nachtfassung -------------------------------------------------------- */
/* Greift automatisch, wenn Windows auf dunkle Darstellung steht.            */

@media (prefers-color-scheme: dark) {
  [data-schema="eigen"] {

    --bg:          #17120f;
    --karte:       #211a15;
    --rand:        #473729;

    --text:        #ece2d8;
    --dezent:      #ab9486;

    --akzent:      #d0835e;
    --akzent-hell: #2c211a;
    --akzent-text: #17120f;
    --warnung:     #e5806c;

    --schatten:    0 1px 2px rgba(0,0,0,.4);
  }
}

/* ==========================================================================
   Darüber hinaus
   --------------------------------------------------------------------------
   Alles Weitere lässt sich hier ebenso überschreiben - Schriftart, Abstände,
   Größen. Ein paar Ansatzpunkte, zum Ausprobieren einfach den Kommentar
   entfernen:
   ========================================================================== */

/*
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
}

.fav-kachel.mit-bild {
  min-height: 7.5rem;
}

.karte {
  border-radius: 0;
}
*/