/**
 * AIOT Design System - Main CSS Entry Point
 *
 * This file imports all AIOT CSS modules in the correct order.
 * Include this file in meta.blade.php to load the entire system.
 *
 * DUAL-LOAD STRATEGY:
 * This CSS is loaded AFTER old CSS (style.css, custom.css, facility.css)
 * New AIOT styles will override old styles where specified.
 * Old CSS provides safety net for uncovered functionality.
 *
 * Created: 2025-10-08
 * Version: 1.0
 */

/* ========================================
   BASE STYLES
   Load first - foundation for everything
   ======================================== */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/utilities.css');

/* ========================================
   LAYOUT STYLES
   Load before components
   ======================================== */
@import url('./layout/grid.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/navigation.css');

/* ========================================
   COMPONENT STYLES
   Reusable UI elements
   ======================================== */
@import url('./components/buttons.css');
@import url('./components/cards.css');

/* Additional components to be added:
@import url('./components/forms.css');
@import url('./components/modals.css');
@import url('./components/tables.css');
@import url('./components/badges.css');
@import url('./components/lists.css');
@import url('./components/calendar.css');
@import url('./components/icons.css');
*/

/* ========================================
   PAGE-SPECIFIC STYLES
   Load last to allow overrides
   ======================================== */
@import url('./pages/home.css');
@import url('./pages/auth.css');
@import url('./pages/other.css');
@import url('./pages/payment.css');
@import url('./pages/application.css');
@import url('./pages/events.css');
@import url('./pages/mypage.css');
/* @import url('./pages/govinfo.css'); */
@import url('./pages/facility.css');
@import url('./pages/info.css');

/* ========================================
   NOTES
   ======================================== */

/*
 * LOADING ORDER:
 * 1. Old CSS (style.css, custom.css, facility.css) - loaded first
 * 2. This file (aiot-main.css) - loaded last, can override old CSS
 *
 * COMPATIBILITY:
 * - Old CSS classes still work (safety net)
 * - New AIOT classes provide enhanced styling
 * - No breaking changes to existing functionality
 *
 * MIGRATION PATH:
 * - Phase 1: Add new CSS alongside old CSS (current)
 * - Phase 2: Gradually identify and remove unused old CSS
 * - Phase 3: Eventually remove old CSS (optional, future)
 *
 * PERFORMANCE:
 * - Current total CSS: ~180-200KB (old + new)
 * - Can be optimized later with conditional loading
 * - Acceptable for WiFi/4G users
 *
 * NEXT STEPS:
 * 1. Test on home page
 * 2. Create remaining component CSS files
 * 3. Create remaining page-specific CSS files
 * 4. Deploy and monitor
 */