/**
 * ChipVerify Platform - Modular CSS Architecture
 *
 * This file imports all CSS modules in the correct order.
 * Each module contains related functionality for easier maintenance.
 *
 * COMPLETE MODULARIZATION - All 2,664 lines organized into 15 focused modules!
 */

/* ========================================= */
/* CORE STYLES */
/* ========================================= */

@import url('base.css');           /* Fonts, resets, global styles (33 lines) */
@import url('buttons.css');        /* All button styles (85 lines) */
@import url('navigation.css');     /* Navbar, dropdowns, menus (122 lines) */

/* ========================================= */
/* LAYOUT & PANELS */
/* ========================================= */

@import url('panels.css');         /* Sidebars, tab bars, panel layouts (251 lines) */
@import url('layout-grid.css');    /* Main layout, resize handles, sidebars (312 lines) */

/* ========================================= */
/* COMPONENTS */
/* ========================================= */

@import url('modals.css');         /* Modals and dialogs (59 lines) */
@import url('components.css');     /* File items, notifications, misc UI (71 lines) */

/* ========================================= */
/* EDITOR & CONSOLE */
/* ========================================= */

@import url('editor.css');         /* Editor tabs, Monaco, file explorer (241 lines) */
@import url('console.css');        /* Console panels, tabs, search (315 lines) */

/* ========================================= */
/* GOLDEN LAYOUT */
/* ========================================= */

@import url('golden-layout.css');  /* Golden Layout theme & components (478 lines) */

/* ========================================= */
/* SVG & VISUALIZATION */
/* ========================================= */

@import url('svg-schematic.css');  /* SVG viewport, zoom, highlighting (135 lines) */

/* ========================================= */
/* UX ENHANCEMENTS */
/* ========================================= */

@import url('animations.css');     /* Transitions, keyframes, UX (149 lines) */
@import url('scrollbars.css');     /* Custom scrollbar styling (51 lines) */

/* ========================================= */
/* UTILITIES & HELPERS */
/* ========================================= */

@import url('utilities.css');      /* Helper classes, patterns, misc (317 lines) */

/* ========================================= */
/* THEME OVERRIDES */
/* ========================================= */

@import url('light-theme-overrides.css');  /* Light theme specific styles (154 lines) */

/* ========================================= */
/* THEME SYSTEM (loaded from index.html) */
/* ========================================= */
/* theme-variables.css - CSS custom properties */
/* dark-theme.css - Dark theme colors */
/* light-theme.css - Light theme colors */

/* ========================================= */
/* AI TUTOR (loaded from index.html) */
/* ========================================= */
/* ai-tutor.css - AI tutor chat interface */

/* ========================================= */
/* THEME SETTINGS (loaded from index.html) */
/* ========================================= */
/* theme-settings.css - Theme selector UI */

/**
 * MODULARIZATION COMPLETE! ✅
 *
 * Total Modules Created: 15
 * Total Lines Organized: ~2,773 lines
 *
 * Before: 1 monolithic file (2,664 lines)
 * After:  15 focused, maintainable modules (avg ~185 lines each)
 *
 * Benefits:
 * - Easy to find and update specific functionality
 * - Better organization and code clarity
 * - Faster development and debugging
 * - Team-friendly structure
 * - Reduced merge conflicts
 *
 * Legacy backup: index.legacy.css (preserved for reference)
 */