/* ============================================================================
   MAIN CSS - Imports all styles in correct order
   
   Usage: Just include this single file in your HTML:
   <link rel="stylesheet" href="styles/main.css">
   
   Or include individual files if you need finer control:
   <link rel="stylesheet" href="styles/base.css">
   <link rel="stylesheet" href="styles/components.css">
   <link rel="stylesheet" href="styles/layout.css">
   <link rel="stylesheet" href="styles/effects.css">
   ============================================================================ */

/* 1. Base - Reset, variables, typography (must be first for variables) */
@import url('./base.css');

/* 2. Components - Buttons, inputs, modals, badges */
@import url('./components.css');

/* 3. Layout - Containers, grids, page layouts */
@import url('./layout.css');

/* 4. Effects - Animations, transitions */
@import url('./effects.css');

/* 5. Starfield - Background effect (optional) */
@import url('./starfield.css');

/* 6. Interface - Title screen, lobby UI, modals */
@import url('./interface.css');

/* 7. Lobby - Lobby-specific styles */
@import url('./lobby.css');