/* Main Sidepanel Styles - Modular CSS Import */
/* Import all style modules in proper order */

/* 1. Variables and base styles first */
@import './styles/variables.css';

/* 2. Layout components */
@import './styles/layout.css';

/* 3. Button styles */
@import './styles/buttons.css';

/* 4. Form elements */
@import './styles/forms.css';

/* 5. UI components */
@import './styles/components.css';

/* 6. Support message component */
@import './styles/support-message.css';

/* 7. Split view functionality */
@import './styles/splitview.css';

/* 8. Content extractor functionality */
@import './styles/content-extractor.css';

/* 9. Animations */
@import './styles/animations.css';

/* 10. Accessibility (should be last to override if needed) */
@import './styles/accessibility.css';

/* 11. Premium modal styles */
@import './styles/premium.css';

/* 12. Themes (loaded after base to override vars and subtle accents) */
@import './styles/themes/synthwave.css';
@import './styles/themes/glassmorphism.css';
@import './styles/themes/neo-brutalism.css';
@import './styles/themes/neo-noir.css';
@import './styles/themes/neo-anime.css';
