/* 1. SETTINGS (Variablen & Konfiguration) */
@import url('_colors_jga.css');      /* Globale Palette & Basis-Tokens (JGA = Standard-Basis) */
@import url('_colors_default.css');  /* Kontext: Standard (überschreibt Basis via :root) */
@import url('_colors_shuttle.css');  /* Kontext: Shuttle Bar */
@import url('_colors_bierbike.css'); /* Kontext: BierBike */
@import url('_colors_firmen.css');   /* Kontext: Firmen */
@import url('_colors_contrast.css'); /* Kontext: High Contrast */
@import url('_settings.css');        /* Abstände, Gaps, Container-Werte */

/* 2. BASE (Typografie & HTML-Elemente) */
@import url('_typography.css');  /* Font-Faces & globaler Text-Reset */
@import url('_elements.css');    /* Nackte HTML-Tags & #brx-content */

/* 3. LAYOUT (Struktur-Rahmen) */
@import url('_layout.css');      /* Grid-Systeme, Container, Gutter */

/* 4. COMPONENTS (Wiederverwendbare UI-Elemente) */
@import url('_header.css?v=20260520-7'); /* Navigation & Kopfzeile */
@import url('_buttons.css');     /* Alle Button-Varianten (neu) */
@import url('_hero.css');        /* Hero-Sektionen (neu) */
@import url('_components.css');  /* Allgemeine Komponenten wie Cards etc. */
@import url('_hotspot.css');     /* Image-Hotspot-Komponente */
@import url('_peeker.css?v=20260520');     /* Peeker-Charakter-Komponente */
@import url('_faq.css');         /* FAQ-Accordion (native <details>) */
@import url('_slider.css');      /* Spezifische Slider-Logik */
@import url('_woocommerce.css'); /* Shop-Styles */
@import url('_footer.css');      /* Fußzeile */

/* 5. TRUMPS & UTILITIES (Höchste Priorität) */
@import url('_temporary.css');   /* Schnelle Fixes & Hotfixes (neu) */
@import url('_utilities.css');   /* Hilfsklassen (u-...), immer zuletzt */