/**
 * Main CSS Entry Point
 *
 * This file orchestrates the loading order of all CSS modules.
 * Import order is critical: base styles first, then components, then pages.
 *
 * Architecture Pattern: ITCSS (Inverted Triangle CSS)
 * - Base: Variables, resets, typography
 * - Layouts: Container, grid, header, footer
 * - Components: Reusable UI components
 * - Pages: Page-specific styles
 * - Utilities: Helper classes and animations
 *
 * @author CNF Development Team
 * @version 2.0.0
 */

/* ==================== 1. Base Layer ==================== */
/* Settings, variables, and foundational styles */

@import url('https://c.nf/css/base/_variables.css');
@import url('https://c.nf/css/base/_reset.css');
@import url('https://c.nf/css/base/_typography.css');

/* ==================== 2. Layout Layer ==================== */
/* Structural layout components */

@import url('https://c.nf/css/layouts/_container.css');
@import url('https://c.nf/css/layouts/_grid.css');
@import url('https://c.nf/css/layouts/_header.css');
@import url('https://c.nf/css/layouts/_footer.css');

/* ==================== 3. Components Layer ==================== */
/* Reusable UI components */

@import url('https://c.nf/css/components/_buttons.css');
@import url('https://c.nf/css/components/_cards.css');
@import url('https://c.nf/css/components/_forms.css');
@import url('https://c.nf/css/components/_modals.css');

/* ==================== 4. Pages Layer ==================== */
/* Page-specific styles */

@import url('https://c.nf/css/pages/_hero.css');
@import url('https://c.nf/css/pages/_sections.css');
@import url('https://c.nf/css/pages/_login.css');
@import url('https://c.nf/css/pages/_dashboard.css');

/* ==================== 5. Utilities Layer ==================== */
/* Helper classes and animations */

@import url('https://c.nf/css/utilities/_animations.css');
@import url('https://c.nf/css/utilities/_helpers.css');

/**
 * Loading this file provides a complete, modular CSS architecture.
 *
 * Benefits:
 * - Separation of Concerns: Each file has a single responsibility
 * - Easy Maintenance: Find and update styles quickly
 * - No Conflicts: Scoped selectors prevent style leakage
 * - Scalable: Add new modules without touching existing ones
 * - Performance: Can lazy-load only needed modules
 *
 * Usage in HTML:
 * <link rel="stylesheet" href="/core/css/main.css">
 */