/*
 * Campaign Launcher — Main Stylesheet
 * ====================================
 * Modularized into individual files under styles/.
 * Import order matters: base → animations → components → features → helpers → responsive.
 */

/* 1. Base: custom properties, theme tokens, then global reset */
@import url('styles/base/variables.css');
@import url('styles/base/theme-tokens.css');
@import url('styles/base/reset.css');

/* 2. Layout: grid shell */
@import url('styles/layout/grid.css');

/* 3. Utilities: keyframe animations (before components that reference them) */
@import url('styles/utilities/animations.css');

/* 4. Components */
@import url('styles/components/buttons.css');
@import url('styles/components/forms.css');
@import url('styles/components/tabs.css');
@import url('styles/components/cards.css');
@import url('styles/components/modals.css');
@import url('styles/components/status.css');

/* 5. Features */
@import url('styles/features/wizard.css');
@import url('styles/features/sidebar.css');
@import url('styles/features/pipeline.css');
@import url('styles/features/panels.css');
@import url('styles/features/content.css');
@import url('styles/features/feedback.css');
@import url('styles/features/style-tile.css');
@import url('styles/features/upload.css');
@import url('styles/features/testing.css');
@import url('styles/features/regenerate.css');
@import url('styles/features/storyboard.css');
@import url('styles/features/empty-state.css');
@import url('styles/features/completion.css');

/* 6. Utilities: helper overrides */
@import url('styles/utilities/helpers.css');

/* 7. Layout: responsive @media queries (LAST — cascades over everything) */
@import url('styles/layout/responsive.css');