/* ============================================================================
   hero-v3.css → @layer(hero-legacy) Wrapper — Welle 5.11
   ----------------------------------------------------------------------------
   Wrapt die 18.451-Zeilen-Legacy-CSS (Welle 5.1-5.7) in einen Cascade-Layer.
   ALLE 423 !important bleiben in dieser Datei gültig, aber neue Components
   in @layer(components) überschreiben sie automatisch.

   Lade-Reihenfolge im Template:
   1. _layer-system.css          (definiert Layer-Order)
   2. fonts.css                  → @layer vendor
   3. tokens (brand-tokens, reset) → @layer reset + tokens
   4. style.css                  → @layer base
   5. hero-v3-layered.css        → @import hero-v3.css als @layer hero-legacy
   6. components/*.css           → @layer components
   7. premium-polish.css         → @layer utilities (oder overrides)

   ============================================================================ */

@import url("/assets/css/hero-v3.css") layer(hero-legacy);