/**
 * Atavra Main CSS
 * Imports all CSS modules in the correct order
 * This file should be included in the main layout template
 */

/* ===== DESIGN TOKENS ===== */
@import url('./variables.css');
@import url('./variables-enhanced.css');

/* ===== BASE STYLES ===== */
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/layout.css');

/* ===== COMPONENT LIBRARY ===== */
@import url('./components/cards/cards.css');
/* @import url('./components/buttons/buttons.css'); */ /* Disabled - conflicts with Bootstrap buttons */
@import url('./components/forms/forms.css');
@import url('./components/navigation/navigation.css');

/* ===== UTILITY CLASSES ===== */
@import url('./utilities/spacing/spacing.css');
@import url('./utilities/colors/colors.css');
@import url('./utilities/responsive/responsive.css');

/* ===== PAGE SPECIFIC STYLES ===== */
@import url('./pages/dashboard.css');
@import url('./pages/campaigns.css');
@import url('./pages/persona.css');

/* ===== LEGACY COMPATIBILITY ===== */
/* Import existing custom styles for backward compatibility */
@import url('./custom.css');
@import url('./layout-authenticated.css');

/* ===== CSS LOADING ORDER ===== */
/* 
  1. Variables and design tokens
  2. Reset and base styles
  3. Component library
  4. Utility classes
  5. Page-specific styles
  6. Legacy compatibility
*/

/* ===== CRITICAL CSS IMPORTS ===== */
/* Ensure these are always loaded first */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ===== CSS ARCHITECTURE NOTES ===== */
/*
  This file implements the new CSS architecture as outlined in:
  - docs/css-refactoring-analysis.md
  - docs/css-implementation-roadmap.md
  
  Key improvements:
  - Component-based architecture
  - Design token consistency
  - Unified spacing system
  - Responsive utilities
  - Semantic class naming
  - Better maintainability
*/