/* Main CSS File - ARJAX Sports Website */
/* This file imports all modular CSS files in the correct cascade order */

/* ===== BASE LAYER ===== */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/utilities.css';

/* ===== LAYOUT LAYER ===== */
@import 'layout/grid.css';
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/responsive.css';

/* ===== COMPONENT LAYER ===== */
@import 'components/cart.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/excellence-carousel.css';
@import 'components/forms.css';
@import 'components/navigation.css';
@import 'components/modal.css';
@import 'components/loading.css';

/* ===== PAGE LAYER ===== */
@import 'pages/home.css';
@import 'pages/about.css';
@import 'pages/equipment.css';
@import 'pages/football.css';

/* ===== FEATURE LAYER ===== */
@import 'features/dark-mode.css';
@import 'features/animations.css';
@import 'features/particles.css';
@import 'features/slideshow.css';
@import 'features/gallery.css';
@import 'features/quiz.css';
@import 'features/social-media.css';

/* ===== SPORTS LAYER ===== */
@import 'sports/cricket.css';
@import 'sports/badminton.css';
@import 'sports/football.css';
@import 'sports/archery.css';
@import 'sports/swimming.css';