/* Einheitliche Typografie fuer die interaktive Hub-Oberflaeche.
 * Diese Datei wird nach allen Modul-Stylesheets geladen.
 * Druckansichten und Quelltext/Code behalten ihre eigenen Schriftregeln.
 */
@media screen {
    :root {
        --hub-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    html body,
    html body .page,
    html body .site-header,
    html body .site-mobile-nav,
    html body [role="dialog"] {
        font-family: var(--hub-ui-font-family) !important;
    }

    /* Browser-Standards und nachgeladene Modulstile duerfen normalen
     * Fliesstext nicht mehr auf Serifenschriften zuruecksetzen.
     * Insbesondere betrifft das Beschreibungstexte in Formularen und
     * Infokaesten sowie Tabellen und Akkordeons. */
    html body .page :is(p, h1, h2, h3, h4, h5, h6,
                  li, dt, dd, blockquote, figcaption,
                  summary, legend, th, td),
    html body [role="dialog"] :is(p, li, summary, th, td) {
        font-family: var(--hub-ui-font-family) !important;
    }

    /* Vorformatierter Text, Code und Icons bleiben bewusst unberuehrt. */
}