/* ═══════════════════════════════════════
   Lumber Design System — Main CSS Loader
   Architecture: Layered (L0→L4)
   Last updated: 2026-02-25
   ═══════════════════════════════════════ */

/* ── L0: Core Design System ──────────────── */
@import '../core/css/variables.css';
@import '../core/css/layout.css';
@import '../core/css/typography.css';
@import '../core/css/glass.css';

/* ── L2: UI Controls ─────────────────────── */
@import '../ui/controls/css/CircularButtonUI.css';
@import '../ui/controls/css/StatusPillUI.css';
@import '../ui/controls/css/TogglePillUI.css';
@import '../ui/controls/css/NavPillUI.css';
@import '../ui/controls/css/ToggleSwitchUI.css';
@import '../ui/controls/css/DatePickerUI.css';
@import '../ui/controls/css/DateChipUI.css';
@import '../ui/controls/css/DateRangePickerUI.css';
@import '../ui/controls/css/Buttons.css';
@import '../ui/controls/css/ResizeSplitter.css';
@import '../ui/controls/css/Card.css';
@import '../ui/controls/css/FormInputs.css';
@import '../ui/controls/css/ContextChipUI.css';

/* ── L2: UI Data-Display ─────────────────── */
@import '../ui/data-display/css/TimelineHeaderUI.css';
@import '../ui/data-display/css/TimelineGridHeaderUI.css';
@import '../ui/data-display/css/KPICardUI.css';
@import '../ui/data-display/css/ItemCardUI.css';
@import '../ui/data-display/css/SyncStatusUI.css';
@import '../ui/data-display/css/Table.css';
@import '../ui/data-display/css/Kanban.css';
@import '../ui/data-display/css/List.css';
@import '../ui/data-display/css/Gallery.css';
@import '../ui/data-display/css/TimelineView.css';
@import '../ui/data-display/css/EmptyState.css';

/* ── L2: UI Containers ───────────────────── */
@import '../ui/containers/css/PopoverUI.css';
@import '../ui/containers/css/PanelShell.css';
@import '../ui/containers/css/TabSystemUI.css';
@import '../ui/containers/css/ToastUI.css';
@import '../ui/containers/css/CollectionUI.css';
@import '../ui/containers/css/ModalUI.css';

/* ── L2: UI Chrome ───────────────────────── */
@import '../ui/chrome/css/Header.css';
@import '../ui/chrome/css/GlobalSearch.css';
@import '../ui/chrome/css/SidebarUI.css';
@import '../ui/chrome/css/ContextBarUI.css';
@import '../ui/chrome/css/SettingsUI.css';

/* ── L2: UI Editors ──────────────────────── */
@import '../ui/editors/css/Editor.css';
@import '../ui/editors/css/Inspector.css';
@import '../ui/editors/css/DraggableListUI.css';
@import '../ui/editors/css/PropertyEditor.css';

/* ── L2: UI Infrastructure ───────────────── */
@import '../ui/infrastructure/css/ToolbarUI.css';
@import '../ui/infrastructure/css/PopoverRuntime.css';
@import '../ui/infrastructure/css/SurfaceStack.css';
@import '../ui/infrastructure/css/ToolChromeUI.css';
@import '../ui/infrastructure/css/EntryDensity.css';

/* ── L3: Features — Graph ────────────────── */
@import '../features/graph/css/GraphCanvas.css';
@import '../features/graph/css/GraphNodeUI.css';
@import '../features/graph/css/GraphFloatingPanel.css';
@import '../features/graph/css/GraphPalette.css';
@import '../features/graph/css/GraphInspector.css';
@import '../features/graph/css/GraphMiniMap.css';
@import '../features/graph/css/GraphCommandPalette.css';
@import '../features/graph/css/GraphCommentsPanel.css';
@import '../features/graph/css/GraphPreviewPanel.css';
@import '../features/graph/css/GraphRevisionsPanel.css';
@import '../features/graph/css/GraphRunner.css';
@import '../features/graph/css/Graph.css';

/* ── L3: Features — Theme ────────────────── */
@import '../features/theme/css/ThemeDesigner.css';
@import '../features/theme/css/ThemeGallery.css';

/* ── L3: Features — Entities ─────────────── */
@import '../features/entities/css/EntitiesUI.css';
@import '../features/entities/css/EntityViewUI.css';
@import '../features/entities/css/EntityPanels.css';

/* ── L3: Features — Animatic ─────────────── */
@import '../features/animatic/css/AnimaticSurface.css';
@import '../features/animatic/css/AnimaticCanvas.css';
@import '../features/animatic/css/AnimaticInspector.css';

/* ── L3: Features — Breakdown ────────────── */
@import '../features/breakdown/css/BreakdownSurface.css';

/* ── L3: Features — Provenance ──────────── */
@import '../features/provenance/css/ProvenanceSurface.css';

/* ── L3: Features — Quality ──────────────── */
@import '../features/quality/css/SystemHealth.css';
@import '../features/quality/css/QualityConsole.css';

/* ── L4: Products ────────────────────────── */
@import '../products/Products.css';

/* Legacy fallback */
@import '../index.css';