/**
 * BeepBeep AI Alt Text Generator - Modern CSS (Modular)
 * Main entry point for modular CSS architecture
 *
 * @package BeepBeep_AI
 * @since 5.0.0
 * @version 5.0.0
 */

/* ==================================================
   DESIGN TOKENS
   Core design variables and tokens
   ================================================== */

@import 'tokens/colors.css';
@import 'tokens/typography.css';
@import 'tokens/spacing.css';
@import 'tokens/shadows.css';
@import 'tokens/animations.css';

/* ==================================================
   BASE STYLES
   Foundation styles and resets
   ================================================== */

@import 'base/typography-base.css';
@import 'base/reset.css';
@import 'base/layout.css';

/* ==================================================
   LAYOUT COMPONENTS
   Structural layout elements
   ================================================== */

@import 'layout/header.css';
@import 'layout/footer.css';

/* ==================================================
   CORE UI COMPONENTS
   Reusable interface components
   ================================================== */

@import 'components/button.css';
@import 'components/card.css';
@import 'components/table.css';
@import 'components/progress.css';
@import 'components/badge.css';
@import 'components/modal.css';
@import 'components/form.css';
@import 'components/toggle.css';

/* ==================================================
   FEATURE COMPONENTS - Dashboard
   Dashboard-specific components
   ================================================== */

@import 'features/dashboard/hero.css';
@import 'features/dashboard/usage-card.css';
@import 'features/dashboard/metrics.css';

/* ==================================================
   FEATURE COMPONENTS - Library
   Image library components
   ================================================== */

@import 'features/library/grid.css';
@import 'features/library/table.css';
@import 'features/library/filters.css';
@import 'features/library/thumbnail.css';

/* ==================================================
   FEATURE COMPONENTS - Settings
   Settings page components
   ================================================== */

@import 'features/settings/page.css';
@import 'features/settings/account.css';

/* ==================================================
   FEATURE COMPONENTS - Pricing
   Pricing and upsell components
   ================================================== */

@import 'features/pricing/cards.css';
@import 'features/pricing/upsell.css';

/* ==================================================
   FEATURE COMPONENTS - Bulk Operations
   Bulk optimization components
   ================================================== */

@import 'features/bulk/operations.css';

/* ==================================================
   FEATURE COMPONENTS - Debug
   Debug dashboard components
   ================================================== */

@import 'features/debug/dashboard.css';