/* ============================================================
   Front Page Styles (Orchestrator)
   
   Main stylesheet that orchestrates all front page component styles.
   Imports individual component stylesheets for better maintainability.
   
   Uses BEM (Block Element Modifier) methodology for consistent naming.
   ============================================================ */

/* ==========================================================================
   IMPORT COMPONENT STYLESHEETS
   Each component is maintained separately for better organization
   ========================================================================== */

/* Import header component styles */
@import url('../header.css');

/* Import hero section component styles */
@import url('content-hero-section.css');

/* Import hero card component styles */
@import url('content-hero-card.css');

/* Import felet champions component styles */
@import url('content-felet-champions.css');

/* Import venue component styles */
@import url('content-venue.css');

/* Import university partnerships component styles */
@import url('content-university-partnerships.css');

/* Import ranking section component styles */
@import url('content-ranking-section.css');

/* Import ranking player panel component styles */
@import url('content-ranking-player-panel.css');

/* Import ranking team panel component styles */
@import url('content-ranking-team-panel.css');

/* Import ranking singles panels component styles */
@import url('content-ranking-singles-panel.css');

/* Import ranking split layout component styles */
@import url('content-ranking-split-layout.css');

/* Import new panel styles component styles */
@import url('content-new-panel-styles.css');

/* Import footer component styles */
@import url('../footer.css');

/* ==========================================================================
   MAIN CONTAINER & BASE LAYOUT
   Core layout styles that don't belong to specific components
   ========================================================================== */

/* Base front-page layout */
.front-page {
    width: 100%;
    background: none;
}