/**
 * Core Styles - Main Entry Point
 * Imports all modular CSS files in the correct order
 * 
 * This file replaces the monolithic webflow.css
 */

/* 1. Icons (needed first for other components) */
@import url("icons.css");

/* 2. Base styles (resets and fundamental elements) */
@import url("base.css");

/* 3. Grid system (layout foundation) */
@import url("grid.css");

/* 4. Utilities (helper classes) */
@import url("utilities.css");

/* 5. Navigation (menu and nav bar) */
@import url("navigation.css");

/* 6. Form elements (inputs, validation) */
@import url("form-elements.css");

/* 7. UI Components (tabs, lightbox, etc.) */
@import url("components.css");

/**
 * Load order matters!
 * - Icons first (font-face definitions)
 * - Base styles (element defaults)
 * - Grid (layout structure)
 * - Utilities (helpers can override)
 * - Components (specific UI elements)
 * 
 * Total size: ~15KB (vs 50KB webflow.css)
 * Savings: ~35KB (70% reduction)
 */