/* ============================================================================
   miraTEQ Cascade-Layer System — Welle 5.11
   ----------------------------------------------------------------------------
   AI-Audit-3 Top-Hebel #1: "@layer reset, tokens, components, hero-v3,
   overrides würde das !important-Problem in einem Sprint auflösen."

   Profi-Move: NICHT hero-v3.css umschreiben (18k Zeilen + 423 !important,
   6h Marathon-Risiko). Stattdessen Cascade-Layer-Order definieren — höhere
   Layer überschreiben automatisch ALLE !important in niedrigeren Layern.

   Layer-Reihenfolge (von niedrig nach hoch):
   1. reset        — CSS-Reset (modern-normalize-ähnlich)
   2. tokens       — Brand-Tokens (Vars + Custom Properties)
   3. vendor       — Externe CSS (Fonts, GSAP nicht-CSS, etc.)
   4. base         — Globale Element-Styles (h1, p, a, body)
   5. hero-legacy  — Welle-5.1-5.7 hero-v3.css (BEFROZEN, alle !important
                     bleiben gültig, aber höhere Layer überschreiben sie)
   6. components   — Neue Welle-5.8+ Components (button, card, channel-card,
                     team-card, process-step, pricing-card, etc.)
   7. utilities    — Atomic Helpers (.text-center, .hidden, etc.)
   8. overrides    — App-spezifische Last-Word-Overrides (höchste Spezifität
                     vor !important-Eskalation)

   Mit dieser Order: Eine .pricing-card-Regel in layer(components) gewinnt
   gegen JEDE Regel in hero-v3.css — auch wenn diese !important hat.

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

@layer reset, tokens, vendor, base, hero-legacy, components, utilities, overrides;

/* ============================================================================
   Layer-Convention für künftige CSS-Files:

   _shared/css/components/*.css      → MUSS in @layer components wrappen
   _shared/css/fonts.css             → @layer vendor
   _shared/tokens/*.css              → @layer tokens
   _shared/tokens/reset.css          → @layer reset
   apps/<app>/assets/css/*.css       → @layer overrides (default)

   Migration-Strategie hero-v3.css:
   - VORHER: <link rel="stylesheet" href="hero-v3.css">  (unlayered = high priority)
   - NACHHER: <link rel="stylesheet" href="hero-v3-layered.css"> mit
              @import url("hero-v3.css") layer(hero-legacy);
   - Resultat: Alle 423 !important in hero-v3.css verlieren gegen jede
               components-Layer-Regel (auch ohne !important)

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