/* App-spezifische Overrides fuer modifications.css */
/* Projekt-spezifische Parent-Selektoren und Anpassungen */

/* ===== BACKGROUND-/TRANSPARENZ-THEME (Core-Modul background.css) =====
   Nur Variablen setzen - das Core-Modul core/css/modules/background.css
   verkabelt sie mit den Oberflaechen. KEINE strukturellen Regeln mehr noetig
   (frueher hier als einzelne .app-container/.content_box-Regeln - jetzt entfallen).
   Doku: core/css/modules/background.md
===== */
:root
{
    /* Innere Inhalts-Flaechen durchscheinend (0.40) */
    --surface-bg: rgba(255, 255, 255, 0.40);
    --app-container-bg: rgba(255, 255, 255, 0.40);

    /* Header komplett deckend, Footer etwas deckender */
    --site-header-bg: rgb(255, 255, 255);
    --site-footer-bg: rgba(255, 255, 255, 0.85);

    /* Hintergrundbild + heller weisser 0.15-Schleier im app-container
       (erst der Schleier, dann das Bild). Pfad relativ zu dieser Datei (app/css/). */
    --app-container-bg-image:
        linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)),
        url('../../img/background.webp');
    --app-container-bg-size: auto, 100% auto;
    --app-container-bg-position: center top, center top;
}