/* ============================================================
   DIE ECKENLEITER – an genau EINER Stelle (v3.129.1)

   Sören (23.09.2026): „Du hast die designregeln ignoriert das
   anmeldefenster ist jetzt eckig“

   WARUM EINE EIGENE DATEI: Seit v3.85.0 („Alles soll die gleiche
   Designsprache haben“) steht auf allen Seiten var(--r-s), var(--r-m) …
   Die Leiter selbst stand aber nur in app.css und – abgeschrieben – in
   start.css. admin.html, gast.html, konto.html, orga.html und
   rechtliches.html laden keins von beiden. Ein var() ohne Wert ist für
   den Browser „ungültig“, und die Ecke fällt auf 0 zurück: Sieben Tage
   lang war auf fünf Seiten JEDE Ecke eckig.

   Jetzt steht die Leiter hier und nirgends sonst. Jede Seite lädt sie mit
   <link rel="stylesheet" href="/leiter.css"> (die App VOR app.css), auch
   die Hinweisseiten, die der Worker selbst baut (src/server.js). Die
   Datei enthält nur Tokens, keine Regeln – Startseite und App bleiben
   getrennt (CLAUDE.md). Sie steht in der Hülle (sw.js), sonst wäre die
   App im Funkloch wieder eckig.

   Wächter: proben/probe-stil.mjs S1, S5, S6, S8 (Text, im Tor der
   Server-Proben) und proben/oberflaeche/seiten-tokens-dom.mjs (im
   Browser, jede Seite, jedes Thema). LEITFADEN.md Teil 5.

   Umgestellt wurde immer nach OBEN – der Befund war „zu eckig“.
   ============================================================ */
:root {
  --r-xs: 6px;      /* Marken, Chips, Punkte            (war 1-6 px)  */
  --r-s: 12px;      /* Knöpfe, Felder, kleine Schalter  (war 7-11 px) */
  --r-m: 18px;      /* Zeilen, Karten, Gruppen          (war 12-16 px)*/
  --r-l: 26px;      /* Blätter, Fenster, große Karten   (war 17-24 px)*/
  --r-xl: 34px;     /* Seitenflächen, volle Blätter     (war ab 25 px)*/
  --r-voll: 999px;  /* Pillen                                        */
  --r-kreis: 50%;   /* echte Kreise (Haken, Avatar)                  */
}

/* 24.10.2026 (Beta „start-ladeseite“, Sören: „Bitte erstelle eine schöne
   animierte ladeseite“): Die zwei Markenfarben des Zeichens. Sie standen
   nur in start.css (am #setup der Website) – die Ladeseite der App braucht
   dieselben. Statt sie in app.css abzuschreiben, stehen sie hier an EINER
   Stelle für beide (LEITFADEN Teil 1); start.css erbt sie von :root. */
:root {
  --marke-a: #2f6bff;
  --marke-b: #7a3ff2;
}