/* ===================================
   AZOX GAMING WEBSITE STYLES
   Modular CSS Architecture
   =================================== */

/* Import all CSS modules in order of dependency */
@import url('css/variables.css');    /* CSS Variables & Configuration */
@import url('css/global.css');       /* Global Styles & Reset */
@import url('css/navigation.css');   /* Navigation & Header Styles */
@import url('css/homepage.css');     /* Homepage Styles */
@import url('css/components.css');   /* UI Components (buttons, alerts, footer) */
@import url('css/auth.css');         /* Authentication Styles */
@import url('css/news.css');         /* News Section Styles */
@import url('css/forum.css');        /* Forum Styles */
@import url('css/messaging.css');    /* Messaging/Chat Styles */
@import url('css/timer.css');        /* Timer/Tools Styles */
@import url('css/faq.css');          /* FAQ Styles */
@import url('css/utilities.css');    /* Container & Utility Styles */
@import url('css/responsive.css');   /* Responsive Design */

/* ===================================
   MODULAR CSS ORGANIZATION
   =================================== 
   
   This CSS has been organized into logical modules:
   
   📁 css/
   ├── variables.css    - CSS custom properties and design tokens
   ├── global.css       - Global reset, base styles, and form elements
   ├── navigation.css   - Topbar, main nav, hamburger, mobile menu
   ├── homepage.css     - Hero section, IP card, feature blurbs
   ├── components.css   - Reusable UI components (buttons, alerts, footer)
   ├── auth.css         - Authentication forms and related styles
   ├── news.css         - News page layout and article styles
   ├── forum.css        - Forum categories, threads, and posts
   ├── messaging.css    - Chat interface and messaging components
   ├── timer.css        - Pomodoro timer and tools interface
   ├── faq.css          - FAQ accordion and content styles
   ├── utilities.css    - Container layouts and utility classes
   └── responsive.css   - Media queries and responsive design
   
   Benefits of this organization:
   - Easier maintenance and debugging
   - Better code organization and readability
   - Improved collaboration between developers
   - Faster loading with selective imports if needed
   - Clear separation of concerns
   
   =================================== */