/* ============================================================================
 * css/components/base_overlay.css  —  base-class-overlay (v2 §7.1/§7.2)
 * Kanonische Vollbild-Overlay-Basis (Layer + Zentrierung). Neue Overlays erben
 * via `base-overlay` (+ optional `base-overlay--backdrop`).
 * Basisklassen 3/8.
 *
 * Bestehende Gerueste werden NICHT zwangsmigriert (Optik/Verhalten erhalten,
 * Ausnahme 0003), weil jedes bewusste Spezifika hat:
 *   .unified-overlay (shared_overlay.css): transparent + pointer-events:none
 *       (Click-through Trainings-Overlay) -> kein Backdrop.
 *   .custom-dialog-overlay (shared_dialog.css): position:absolute + eigene
 *       Content-Zentrierung -> wird beim nativen <dialog>-Umbau (Schritt 11)
 *       auf diese Basis bzw. <dialog> ueberfuehrt.
 *   .exit-modal (exit_modal.css): opaker Backdrop + flex-center.
 * z-index hier ueber Token; bestehende 3000-Literale -> Token in 5/8.
 * ==========================================================================*/

.base-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
}

/* Abgedunkelter Hintergrund (opt-in). */
.base-overlay--backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

/* Versteckt: ueber .is-hidden (base.css) statt inline display. */