/* ================================================
   FILE: app.css
   PATH: app.css
   DESCRIPTION: Master CSS - Import Order
   ================================================ */

/* ========================================
   1. BASE - Foundation
   ======================================== */
@import url('base/fonts.css');
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ========================================
   2. LAYOUT - Structure
   ======================================== */
@import url('layout/container.css');
@import url('layout/grid.css');
@import url('layout/flexbox.css');

/* ========================================
   3. UTILITIES - Helpers
   ======================================== */
@import url('utilities/spacing.css');
@import url('utilities/display.css');
@import url('utilities/colors.css');
@import url('utilities/borders.css');

/* ========================================
   4. COMPONENTS - Reusable UI
   ======================================== */
@import url('components/navbar.css');
@import url('components/bottom-bar.css');
@import url('components/footer.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/fighter-card.css');
@import url('components/fight-card.css');
@import url('components/page-sections.css');
@import url('components/page-header.css');   /* NEW: Reusable page titles */
@import url('components/badges.css');
@import url('components/forms.css');
@import url('components/table.css');

/* ========================================
   5. PAGES - Page-specific styles
   ======================================== */
@import url('pages/home.css');              /* Landing: Hero Image Pattern */
@import url('pages/dashboard.css');
@import url('pages/events.css');
@import url('pages/fighters.css');
@import url('pages/fighter-detail.css');
@import url('pages/leaderboard.css');
@import url('pages/predictions.css');
@import url('pages/prediction-create.css');
@import url('pages/prediction-edit.css');
@import url('pages/prediction-show.css');
@import url('pages/event-detail.css');

/* ========================================
   6. AUTH PAGES - Authentication flows
   ======================================== */
@import url('pages/auth-common.css');
@import url('pages/auth/login.css');
@import url('pages/auth/register.css');
@import url('pages/auth/google-consent.css');
@import url('pages/profile.css');
@import url('pages/privacy.css');