/* 1. SETTINGS (Variablen & Konfiguration) */
@import url('_colors.css?v=20260721-contrast-gradients');          /* Globale Palette & Basis-Tokens */
@import url('_settings.css');        /* Abstände, Gaps, Container-Werte */

/* 2. BASE (Typografie & HTML-Elemente) */
@import url('_fonts.css');       /* Lokal bereitgestellte Webfonts */
@import url('_typography.css');  /* Typografie-Tokens & 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=20260721-chevron-color');     /* Navigation & Kopfzeile */
@import url('_buttons.css');     /* Alle Button-Varianten (neu) */
@import url('_hero.css');        /* Hero-Sektionen (neu) */
@import url('_components.css?v=20260721-search-height');  /* Allgemeine Komponenten wie Cards etc. */
@import url('_hotspot.css');     /* Image-Hotspot-Komponente */
@import url('_faq.css');         /* FAQ-Accordion (native <details>) */
@import url('_product-tabs.css');/* Produktdetails mit Tab-Navigation (Alt, wird von _subnav abgeloest) */
@import url('_subnav.css');      /* Produkt-Sticky-Subnav (Scroll-Spy) */
@import url('_compare.css');     /* Produktvergleich (Karten + Schnellvergleich-Tabelle) */
@import url('_footer.css');      /* Fußzeile */

/* 5. TRUMPS & UTILITIES (Höchste Priorität) */
@import url('_utilities.css');   /* Hilfsklassen (u-...), immer zuletzt */
@import url('_print.css');       /* Druck-/PDF-Ausgabe (@media print, ueberschreibt alles) */