/* Schriftrollen aus Einstellungen → Theme (djangoBase, theme_stil.py; Edgar 01.11.2026) an StayNestors Klassen.
   Je Rolle --dbt-s-<rolle>-art|groesse|farbe|gewicht|stil, immer mit dem bisherigen Wert als Rückfall — ohne
   Angabe sieht alles aus wie vorher. Die Farbe fällt auf die Grundschrift zurück (--dbt-s-alle-farbe); deren
   Vorgabe im Theme „weiss“ ist Schwarz (DJANGOBASE["theme_vorgaben"]). Seitenleiste und Seitenname-Schrift
   bindet djangoBase selbst (sidebar.css). Breite Selektoren in :where(), damit eigene Größen einzelner Bausteine
   (z. B. .sn-suche-felder label) weiter gewinnen. Lädt als letzte Datei aus extra_css. Neue Rolle: theme_stil.py
   + Regel hier + Beispiel in system/_theme_vorschau.html. */

/* Seitenname: Farbe bisher --sn-blau (kopfleiste.css). */
.topbar-title, .topbar-title i { color: var(--dbt-s-seitenname-farbe, var(--sn-blau)); }

/* Überschrift I — Titel der Seite */
.sn-kopf h1 { font-size: var(--dbt-s-h1-groesse, 1.45rem); font-weight: var(--dbt-s-h1-gewicht, 700); font-family: var(--dbt-s-h1-art, inherit);
    font-style: var(--dbt-s-h1-stil, normal); color: var(--dbt-s-h1-farbe, var(--dbt-s-alle-farbe, var(--text-primary))); }

/* Überschrift II — Abschnitte */
h2.sec { font-size: var(--dbt-s-h2-groesse, 1.08rem); font-weight: var(--dbt-s-h2-gewicht, 700); font-family: var(--dbt-s-h2-art, inherit);
    font-style: var(--dbt-s-h2-stil, normal); color: var(--dbt-s-h2-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.92))); }

/* Überschrift III — Karten und Fenster */
.sn-karte .sn-karte-titel, .sn-ws-titel { font-weight: var(--dbt-s-h3-gewicht, 700); font-family: var(--dbt-s-h3-art, inherit);
    font-style: var(--dbt-s-h3-stil, normal); color: var(--dbt-s-h3-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.92))); }
.sn-karte .sn-karte-titel { font-size: var(--dbt-s-h3-groesse, inherit); }
.sn-ws-titel { font-size: var(--dbt-s-h3-groesse, 1rem); }
.kal-detail-titel { font-size: var(--dbt-s-h3-groesse, 1.08rem); font-weight: var(--dbt-s-h3-gewicht, 700); font-family: var(--dbt-s-h3-art, inherit);
    font-style: var(--dbt-s-h3-stil, normal); color: var(--dbt-s-h3-farbe, var(--dbt-s-alle-farbe, inherit)); }

/* Abschnittsmarke — kleine Zeile in Großbuchstaben */
.kal-detail-abschnitt { font-size: var(--dbt-s-abschnitt-groesse, .68rem); font-weight: var(--dbt-s-abschnitt-gewicht, 700);
    font-family: var(--dbt-s-abschnitt-art, inherit); font-style: var(--dbt-s-abschnitt-stil, normal);
    color: var(--dbt-s-abschnitt-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.5))); }
.tile .lbl { font-size: var(--dbt-s-abschnitt-groesse, .74rem); font-weight: var(--dbt-s-abschnitt-gewicht, 400);
    font-family: var(--dbt-s-abschnitt-art, inherit); font-style: var(--dbt-s-abschnitt-stil, normal);
    color: var(--dbt-s-abschnitt-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.55))); }

/* Text — der Inhalt der Seite; Bausteine mit eigener Größe behalten sie */
.db-content { font-size: var(--dbt-s-text-groesse, inherit); font-weight: var(--dbt-s-text-gewicht, inherit); font-family: var(--dbt-s-text-art, inherit);
    font-style: var(--dbt-s-text-stil, inherit); color: var(--dbt-s-text-farbe, var(--text-primary)); }

/* Hinweis — Erklärungen und Unterzeilen */
.subtle { font-size: var(--dbt-s-hinweis-groesse, .85rem); font-weight: var(--dbt-s-hinweis-gewicht, inherit); font-family: var(--dbt-s-hinweis-art, inherit);
    font-style: var(--dbt-s-hinweis-stil, inherit); color: var(--dbt-s-hinweis-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.55))); }
.sn-kopf .sn-unterzeile { font-size: var(--dbt-s-hinweis-groesse, .9rem); font-weight: var(--dbt-s-hinweis-gewicht, inherit);
    font-family: var(--dbt-s-hinweis-art, inherit); font-style: var(--dbt-s-hinweis-stil, inherit);
    color: var(--dbt-s-hinweis-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.55))); }

/* Tabellenkopf und Tabelle (table.data) */
table.data th { font-size: var(--dbt-s-tabellenkopf-groesse, .76rem); font-weight: var(--dbt-s-tabellenkopf-gewicht, 700);
    font-family: var(--dbt-s-tabellenkopf-art, inherit); font-style: var(--dbt-s-tabellenkopf-stil, normal);
    color: var(--dbt-s-tabellenkopf-farbe, var(--dbt-s-alle-farbe, var(--accent))); }
table.data { font-size: var(--dbt-s-tabelle-groesse, .87rem); font-family: var(--dbt-s-tabelle-art, inherit); }
table.data td { font-weight: var(--dbt-s-tabelle-gewicht, inherit); font-style: var(--dbt-s-tabelle-stil, inherit);
    color: var(--dbt-s-tabelle-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.92))); }

/* Beschriftung — Namen vor Feldern (Buchungsfenster: linke Spalte) */
.kal-detail-raster > span:nth-child(odd) { font-size: var(--dbt-s-beschriftung-groesse, .86rem); font-weight: var(--dbt-s-beschriftung-gewicht, inherit);
    font-family: var(--dbt-s-beschriftung-art, inherit); font-style: var(--dbt-s-beschriftung-stil, inherit);
    color: var(--dbt-s-beschriftung-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.6))); }
:where(.db-content) label { font-size: var(--dbt-s-beschriftung-groesse, inherit); font-weight: var(--dbt-s-beschriftung-gewicht, inherit);
    font-family: var(--dbt-s-beschriftung-art, inherit); font-style: var(--dbt-s-beschriftung-stil, inherit);
    color: var(--dbt-s-beschriftung-farbe, inherit); }

/* Eingabe — dieselbe Liste wie in sn.css; Hintergrund aus der Theme-Farbe „Eingabefelder“ */
.db-content input[type="text"], .db-content input[type="email"], .db-content input[type="password"],
.db-content input[type="search"], .db-content input[type="date"], .db-content input[type="number"],
.db-content input[type="time"], .db-content input[type="url"], .db-content input[type="tel"],
.db-content select, .db-content textarea {
    font-size: var(--dbt-s-eingabe-groesse, .88rem); font-weight: var(--dbt-s-eingabe-gewicht, inherit); font-family: var(--dbt-s-eingabe-art, inherit);
    font-style: var(--dbt-s-eingabe-stil, inherit); color: var(--dbt-s-eingabe-farbe, var(--dbt-s-alle-farbe, var(--text-primary)));
    background: var(--dbt-s-eingabe-flaeche, rgba(var(--fg-rgb), 0.06));
}
body:is([data-theme="weiss"], [data-theme="blau"]) .db-content input:not([type="checkbox"]):not([type="radio"]), body:is([data-theme="weiss"], [data-theme="blau"]) .db-content select,
body:is([data-theme="weiss"], [data-theme="blau"]) .db-content textarea { background: var(--dbt-s-eingabe-flaeche, #fff); }

/* Knopf — nur Schrift; die Farbe hängt an der Knopfart */
.sn-btn { font-size: var(--dbt-s-knopf-groesse, .88rem); font-weight: var(--dbt-s-knopf-gewicht, 600); font-family: var(--dbt-s-knopf-art, inherit);
    font-style: var(--dbt-s-knopf-stil, normal); }
.tbtn { font-size: var(--dbt-s-knopf-groesse, .8rem); font-weight: var(--dbt-s-knopf-gewicht, 600); font-family: var(--dbt-s-knopf-art, inherit);
    font-style: var(--dbt-s-knopf-stil, normal); }

/* Reiter — der aktive bleibt in der Akzentfarbe (sn.css) */
.sn-tab { font-size: var(--dbt-s-reiter-groesse, .96rem); font-weight: var(--dbt-s-reiter-gewicht, 600); font-family: var(--dbt-s-reiter-art, inherit);
    font-style: var(--dbt-s-reiter-stil, normal); color: var(--dbt-s-reiter-farbe, var(--dbt-s-alle-farbe, rgba(var(--fg-rgb), 0.6))); }