/* ================= DEINE EINSTELLUNGEN =================
   Diese Datei gehört dir: Claude liefert sie nicht mit (nur als einstellungen.original, wenn neue Werte dazukommen).
   Sie wird nach style.css bzw. admin.css geladen und überschreibt deren Grundwerte. Was hier fehlt, gilt wie geliefert.
   (S) = liest auch der Server bzw. die Vorschau im Editor mit – einfach hier ändern, es wirkt überall.
   Werte für die Routenkarte (Farbe, Kartenstil) stehen in config.php, siehe README. */

/* ---------- Blog ---------- */
:root{
  /* --- Logo --- */
  --logo-breite:440px;          /* Breite des Logos auf der Startseite */
  --logo-flach:.6;              /* Straße samt SLOW: 1 = Original, kleiner = flacher */
  --schild:.8;                  /* Größe von Schildkröte und Claim im Logo: 1 = Original */
  --schild-abstand:5%;          /* Abstand zwischen ROADERS und Shelly in % der Logobreite (mehr = Shelly rückt tiefer, negativ = näher heran) */
  --logo-akzent:var(--accent);  /* Farbe von Straße und Schildkröte; currentColor = einfarbig wie die Schrift */

  /* --- Kopfzeile --- */
  --kopf-breite:80rem;           /* Höchstbreite der Kopfzeile (60rem = so breit wie der Inhalt) */
  --adm-abstand:.7rem;           /* Abstand links/rechts der Linie vor den Verwaltungslinks (kleiner = passen eher neben das Menü) */

  /* --- Text --- */
  --text-breite:48rem;           /* (S) Breite der Textspalte in Beiträgen und Seiten */
  --text-schrift:1.25rem;        /* (S) Schriftgröße des Textes (mit der Breite zusammen ändern, sonst werden die Zeilen zu lang) */
  --listenpunkt:disc;            /* (S) Aufzählungszeichen: disc = Punkt, square = Quadrat, circle = Kreis, oder ein Zeichen wie "▸ " */

  /* --- Fotos --- */
  --foto-wechsel:.6;             /* (S) Wie viel Text neben einem Foto stehen muss, bevor das nächste die Seite wechselt (1 = ganz gefüllt, kleiner = früher) */
  --unterschrift-ausrichtung:center; /* (S) Bildunterschriften: center = mittig, left = linksbündig */

  /* --- Kacheln in der Übersicht --- */
  --kachel-format:3/2;            /* Seitenverhältnis des Titelbilds (Breite/Höhe) */
  --kachel-fokus:50% 35%;       /* Bildausschnitt ohne eigenen Fokuspunkt (waagerecht senkrecht; 0% = links/oben) */
  --kachel-zeilen:6;              /* Zeilen Kurztext mit Titelbild */
  --kachel-zeilen-ohne:13;        /* Zeilen Kurztext ohne Titelbild */

  /* --- Zwischenüberschrift ### mit Linie (nur in Beiträgen) --- */
  --zwischen-linie:1px solid var(--line); /* (S) Aussehen der Linie, z. B. 2px solid var(--accent); none = keine Linie */
  --zwischen-oben:.5em;            /* Abstand vom vorigen Text zur Linie */
  --zwischen-abstand:1.5em;        /* (S) Abstand von der Linie zur Überschrift */

  /* --- Kommentare und Tipps im Text --- */
  --kommentar-farbe:var(--accent); /* Linie und Kopf von [kommentar:…] */
  --kommentar-hg:rgba(217,180,107,.08); /* Hintergrund; transparent = kein Kasten */
  --tipp-farbe:#8cc4a6;          /* (S) Linie und Kopf von [tipp] */
  --tipp-hg:rgba(140,196,166,.09);  /* (S) Hintergrund; transparent = kein Kasten */

  /* --- Glossar und Suche --- */
  --glossar-linie:var(--accent);   /* (S) gepunktete Linie unter Glossarbegriffen */
  --treffer-hg:rgba(217,180,107,.35); /* Hervorhebung von Suchwörtern */

  /* --- Pfeile ⇒ in Titeln --- */
  --pfeil-farbe:currentColor;       /* currentColor = wie der Titel, var(--accent) = gold */
  --pfeil-groesse:1.6em;          /* Länge des Pfeils (Höhe folgt, Zeilenabstand bleibt) */
  --strecke-text:"Etappe: ";       /* steht vor der Tagesstrecke unter dem Titel, z. B. "Tagesstrecke " oder "🚐 " (Leerzeichen am Ende!) */
  --symbol-groesse:2.5em;         /* Höhe der eigenen Symbole statt 🙋‍♂️/🙋‍♀️ (Zeilenabstand bleibt) */
  --symbol-wiederholen:none;      /* none = Symbol nur, wenn der Schreiber wechselt; inline-block = an jeder Überschrift */
}

/* ---------- Verwaltung ---------- */
:root{
  --editor-h:17rem;              /* Höhe des Textfelds im Editor (unten rechts jederzeit weiter aufziehbar) */
  --vorschau-h:20rem;            /* Höhe der Vorschau über dem Editor (an der Leiste unten ziehen; Doppelklick = zurück auf diesen Wert) */
  --seitenvorschau-ab:1300;       /* ab dieser Fensterbreite (Pixel, nur Zahl) steht die Vorschau als Spalte rechts */
  --vorschau-breite:calc(var(--text-breite,41.8rem) + 5rem); /* Breite dieser Spalte (am linken Rand ziehbar) */
  --ungespeichert:#e8894a;      /* Farbe der Speichern-Knöpfe bei ungespeicherten Änderungen */
}