/**
 * Main CSS Entry Point
 * King & McGaw Clone
 * ====================
 * 
 * This file imports all CSS modules in the correct order.
 * Import this single file in your HTML.
 */

/* CSS Variables and Design Tokens */
@import url('./variables.css');

/* Base styles: typography, resets, utilities */
@import url('./base.css');

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

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

/* Dropdown Menu */
@import url('./dropdown.css');

/* Slider / Carousel */
@import url('./slider.css');

/**
 * File Structure:
 * ===============
 * 
 * assets/
 * └── css/
 *     ├── main.css          <- This file (entry point)
 *     ├── variables.css     <- CSS custom properties
 *     ├── base.css          <- Typography, resets, utilities
 *     ├── layout.css        <- Header, footer, grid, sections
 *     └── components.css    <- UI components
 * 
 * Usage:
 * ======
 * In your HTML file:
 * <link rel="stylesheet" href="assets/css/main.css">
 * 
 * Or import in another CSS file:
 * @import url('assets/css/main.css');
 */