/**
 * EPremier League - Main CSS
 * Main entry point for all CSS files
 * 
 * This file imports all CSS files in the correct order to ensure
 * proper cascade and specificity.
 */

/* Reset and Base */
@import 'reset.css';

/* Variables */
@import 'variables/colors.css';
@import 'variables/typography.css';
@import 'variables/spacing.css';
@import 'variables/breakpoints.css';

/* Base Styles */
@import 'base/typography.css';
@import 'base/layout.css';
@import 'base/animations.css';

/* Sections */
@import 'sections/header.css';
@import 'sections/hero.css';
@import 'sections/footer.css';

/* Components */
@import 'components/match-cards.css';
@import 'match-card-contrast-fix.css';
@import 'hero-unified.css';
/* 
Additional component imports to be added:
@import 'components/buttons.css';
@import 'components/cards.css'; 
@import 'components/navigation.css';
@import 'components/forms.css';
@import 'components/tables.css';
@import 'components/standings-table.css';
@import 'components/player-cards.css';
@import 'components/team-cards.css';
*/

/* Pages */
/* 
Page-specific imports to be added:
@import 'pages/home.css';
@import 'pages/calendar.css';
@import 'pages/teams.css';
@import 'pages/classification.css';
*/

/* Utilities - should come last to override if needed */
/* 
Utility imports to be added:
@import 'utilities/spacing.css';
@import 'utilities/display.css';
@import 'utilities/flex.css';
@import 'utilities/text.css';
*/