/**
 * Main Stylesheet
 * 
 * This file imports all CSS modules in the correct order.
 * Modify individual CSS files to change specific aspects of the design.
 * 
 * Import Order:
 * 1. Variables - Design tokens and configuration
 * 2. Base - Reset and base element styles
 * 3. Components - Reusable UI components
 * 4. Layout - Page structure and grid
 * 5. Admin - Admin panel specific styles (optional)
 */

/* Core Styles (Required for all pages) */
@import url('variables.css');
@import url('base.css');
@import url('components.css');
@import url('layout.css');
@import url('charts.css');

/* Admin Styles (Only load on admin pages) */
/* @import url('admin.css'); */

/**
 * CUSTOMIZATION GUIDE:
 * 
 * To change colors, fonts, spacing:
 * - Edit: variables.css
 * 
 * To modify button, card, form styles:
 * - Edit: components.css
 * 
 * To adjust page layout, grid, navigation:
 * - Edit: layout.css
 * 
 * To customize admin panel appearance:
 * - Edit: admin.css
 * 
 * All styles use CSS variables for consistency.
 * Change a variable once, and it updates everywhere.
 */