/* ============================================
   DIGITOOLS CSS SYSTEM - ENTRY POINT
   ============================================
   
   This file imports all CSS modules in the
   correct order for the entire design system
   to work properly.
   
   IMPORT ORDER MATTERS!
   1. Variables (must be first)
   2. Animations (uses variables)
   3. Typography (uses fonts & variables)
   4. Reset/Base (uses variables)
   5. Layout (grid system)
   6. Components (cards, buttons, forms, etc)
   
   ============================================ */

/* PHASE 1 - FOUNDATION */
/* Step 1: CSS Custom Properties (MUST be first!) */
@import url('./base/variables.css');

/* Step 2: Animations (keyframes need variables) */
@import url('./base/animations.css');

/* Step 3: Typography (fonts & text styles) */
@import url('./base/typography.css');

/* Step 4: Reset & Base Styles (shell, topbar, etc) */
@import url('./base/reset.css');

/* PHASE 2 - COMPONENTS ✅ NOW ACTIVE */
/* Step 5: Layout Grid System */
@import url('./components/grid.css');

/* Step 6: Core Components */
@import url('./components/cards.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/tables.css');

/* Step 7: Indicator Components */
@import url('./components/badges.css');
@import url('./components/chips.css');
@import url('./components/lists.css');

/* Step 8: Complex Components */
@import url('./components/modals.css');
@import url('./components/notifications.css');
@import url('./components/debug-panel.css');

/* PHASE 3 - THEMES ✅ NOW ACTIVE */
@import url('./themes/light-mode.css');

/* PHASE 4 - PAGE-SPECIFIC ✅ NOW ACTIVE */
@import url('./pages/customer-card.css');
@import url('./pages/kpi.css');
@import url('./pages/order-form.css');
@import url('./pages/tabs.css');
@import url('./pages/pdf-oppdragsskjema.css');