/**
 * Main CSS Import File
 * Imports all CSS files in the correct order
 * Le Renouveau pour Talange
 *
 * Order is important:
 * 1. Reset - Clear browser defaults
 * 2. Variables - Define design system
 * 3. Base - Foundation styles
 * 4. Layout - Structure and containers
 * 5. Components - Reusable UI components
 * 6. Pages - Page-specific styles
 * 7. Responsive - Media queries
 */

/* Reset browser defaults */
@import url('reset.css');

/* Design system variables */
@import url('variables.css');

/* Foundation typography and elements */
@import url('base.css');

/* Layout: container, grids, header, footer */
@import url('layout.css');

/* Reusable components: buttons, cards, forms, modals */
@import url('components.css');

/* Page-specific styles */
@import url('pages.css');

/* Responsive styles and media queries */
@import url('responsive.css');

/**
 * Note: All styles use CSS custom properties defined in variables.css
 * for easy customization and consistency.
 *
 * To customize colors, spacing, typography, etc., edit variables.css
 */