/* CSS Architecture - Import Order
 * 1. Fonts
 * 2. Design Tokens (variables semánticas)
 * 3. Legacy Variables (backward compatibility)
 * 4. Utilities (clases reutilizables)
 * 5. Semantic Classes (clases semánticas para HTML)
 * 6. Responsive Helpers
 * 7. Components (Framer)
 * 8. Custom Overrides
 * 9. Feature-specific styles
 */

@import 'fonts.css';
@import 'design-tokens.css';
@import 'variables.css';
@import 'utilities.css';
@import 'semantic-classes.css';
@import 'responsive.css';
@import 'components.css';
@import 'custom.css';
@import 'navbar.css';
@import 'scramble-text.css';
@import 'dashboard.css';
@import 'step2-modal.css';