/**
 * Parts24 Main Stylesheet
 *
 * Modern CSS architecture using CSS Layers (@layer)
 * Layers control specificity and make the cascade predictable
 *
 * Layer order (lowest to highest specificity):
 * 1. reset      - Normalize browser defaults
 * 2. tokens     - CSS variables (design system)
 * 3. base       - Base element styles & typography
 * 4. components - Reusable UI components
 * 5. utilities  - Helper classes (highest specificity)
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
 */

/* ============================================
   IMPORT ALL FILES FIRST (MUST BE AT TOP)
   ============================================ */

@import 'core/reset.css'               layer(reset);
@import 'core/tokens.css'              layer(tokens);
@import 'core/base.css'                layer(base);

@import 'components/cta-contact.css'   layer(components);
@import 'components/sticky.css'        layer(components);
@import 'components/buttons.css'       layer(components);
@import 'components/cards.css'         layer(components);
@import 'components/badges.css'        layer(components);
@import 'components/hero.css'          layer(components);
@import 'components/navigation.css'    layer(components);
@import 'components/cta-section.css'   layer(components);
@import 'components/footer.css'        layer(components);
@import 'components/lists.css'         layer(components);
@import 'components/brands-ticker.css' layer(components);
@import 'components/stat-cards.css'    layer(components);
@import 'components/testimonials.css'  layer(components);