/* =========================================
   MAIN.CSS - ITCSS Architecture Import File
   Inverted Triangle CSS - Specificity from general to specific
   ========================================= */

/* ===== 1. SETTINGS =====
   Global variables, config, design tokens
   No actual CSS output, just variables */
@import '1-settings/_variables.css';
@import '1-settings/_flags.css';
@import '1-settings/_typography.css';
@import '1-settings/_spacing.css';
@import '1-settings/_breakpoints.css';
@import '1-settings/_unified-colors.css';

/* ===== 2. TOOLS =====
   Mixins, functions, helpers, animations
   No actual CSS output, just tools */
@import '2-tools/_functions.css';
@import '2-tools/_mixins.css';
@import '2-tools/_helpers-tools.css';
@import '2-tools/_placeholders.css';
@import '2-tools/_animations.css';

/* ===== 3. GENERIC =====
   Low-specificity, far-reaching styles
   Normalize, reset, box-sizing */
@import '3-generic/_normalize.css';
@import '3-generic/_box-sizing.css';
@import '3-generic/_reset.css';

/* ===== 4. ELEMENTS =====
   Bare HTML elements (no classes)
   Last layer targeting bare elements */
@import '4-elements/_html.css';
@import '4-elements/_body.css';
@import '4-elements/_headings.css';
@import '4-elements/_paragraph.css';
@import '4-elements/_links.css';
@import '4-elements/_lists.css';
@import '4-elements/_tables.css';
@import '4-elements/_tables-cleanup.css';
@import '4-elements/_forms.css';
@import '4-elements/_button-elements.css';
@import '4-elements/_code.css';
@import '4-elements/_abbr.css';
@import '4-elements/_address.css';
@import '4-elements/_hr.css';
@import '4-elements/_mark.css';
@import '4-elements/_media.css';
@import '4-elements/_quotes.css';

/* ===== 5. OBJECTS =====
   Layout-related patterns
   Structural, reusable patterns */
@import '5-objects/_containers.css';
@import '5-objects/_wrappers.css';
@import '5-objects/_media.css';
@import '5-objects/_layout.css';
@import '5-objects/_grids.css';
@import '5-objects/_clusters.css';
@import '5-objects/_stacks.css';
@import '5-objects/_cover.css';
@import '5-objects/_sidebar.css';
@import '5-objects/_navigation.css';
@import '5-objects/_buttons-objects.css';
@import '5-objects/_cards-objects.css';
@import '5-objects/_flags.css';

/* ===== 6. COMPONENTS =====
   Designed UI components
   Complete chunks of UI */
@import '6-components/_header.css';
@import '6-components/_nav-controls.css';
@import '6-components/_hero.css';
@import '6-components/_footer.css';
@import '6-components/_slider.css';
@import '6-components/_apple-scroll-effects.css';
@import '6-components/_cards.css';
@import '6-components/_page-cards.css';
@import '6-components/_buttons-components.css';
@import '6-components/_cta-blocks.css';
@import '6-components/_glitch.css';
@import '6-components/_search.css';
@import '6-components/_modals.css';
@import '6-components/_tabs.css';
@import '6-components/_tables.css';
@import '6-components/_forms-advanced.css';
@import '6-components/_form-components.css';
@import '6-components/_alerts.css';
@import '6-components/_toast.css';
@import '6-components/_events.css';
@import '6-components/_testimonials.css';
@import '6-components/_gallery.css';
@import '6-components/_parallax-components.css';
@import '6-components/_zone-layout.css';
@import '6-components/_content-zones.css';
@import '6-components/_dashboard-stylekit.css';
@import '6-components/_dashboard-shared.css';
@import '6-components/_dashboard-themes.css';
@import '6-components/_theme-manager.css';
@import '6-components/_leaflet-maps.css';
@import '6-components/_sibling-nav.css';
@import '6-components/_flags.css';
@import '6-components/_shortcodes.css';
@import '6-components/_ai-images.css';

/* ===== 7. UTILITIES =====
   Highest specificity overrides
   Mode overrides, helpers, trumps */
@import '7-utilities/_spacing.css';
@import '7-utilities/_text.css';
@import '7-utilities/_text-colours.css';
@import '7-utilities/_text-interaction.css';
@import '7-utilities/_typography.css';
@import '7-utilities/_colors.css';
@import '7-utilities/_gradients.css';
@import '7-utilities/_opacity.css';
@import '7-utilities/_display.css';
@import '7-utilities/_layout.css';
@import '7-utilities/_z-index.css';
@import '7-utilities/_buttons-utilities.css';
@import '7-utilities/_animations-utilites.css';
@import '7-utilities/_scroll-animations.css';
@import '7-utilities/_scroll-performance.css';
@import '7-utilities/_effects-utilities.css';
@import '7-utilities/_visual-effects.css';
@import '7-utilities/_advanced-effects.css';
@import '7-utilities/_state-overlays.css';
@import '7-utilities/_hero-utilities.css';
@import '7-utilities/_footer-utilities.css';
@import '7-utilities/_cta-utilities.css';
@import '7-utilities/_events-utilities.css';
@import '7-utilities/_event-animations.css';
@import '7-utilities/_accessibility-modes.css';
@import '7-utilities/_dark-mode.css';
@import '7-utilities/_cultural-theming.css';
@import '7-utilities/_advanced-modes.css';
@import '7-utilities/_accessibility.css';

/* ===== 8. THEMES =====
   Theme system and variations
   Highest level overrides for specific themes */
/* @import '8-themes/_index.css'; */ /* DISABLED - Future StyleKit feature */

/* ===== 9. OVERRIDES =====
   Nuclear option - Forces all styles with !important
   Use sparingly for critical fixes only */
@import '9-overrides/_slider-overrides.css';

/* =========================================
   END OF ITCSS ARCHITECTURE

   CHANGE LOG:
   - CONSOLIDATED: 38+ CSS files → 8 organized files
   - ELIMINATED: Duplicates (accessBAC, babbleBAC, headerBAC)
   - ORGANIZED: By ITCSS specificity (broad → narrow)
   - PRESERVED: All functionality (dark mode, accessibility, flags)
   - ENHANCED: Cultural theming with flag color integration
   - FIXED: CSS conflicts and overlaps

   FILE MAPPING:
   FROM → TO:
   variables.css + flags.css → 1-settings/_variables.css
   reset.css → 3-generic/_reset.css (enhanced)
   forms.css + buttons.css → 4-elements/_forms.css + _buttons.css (enhanced)
   navigation.css + page-wrapper.css → 5-objects/_navigation.css + _layout.css
   header.css + hero.css + page-cards.css → 6-components/_header.css + _hero.css + _cards.css
   dark_mode.css + access.css + babble.css (cultural) → 7-utilities/_modes.css

   BENEFITS:
   ✅ Predictable cascade (no more conflicts)
   ✅ Clear separation of concerns
   ✅ Industry standard architecture
   ✅ Easy maintenance and scaling
   ✅ All modes preserved and enhanced
   ========================================= */