/* SuperStudio Website - Modular CSS Architecture */

/* Import all CSS modules in the correct order */
@import 'variables.css';     /* CSS Custom Properties and theming */
@import 'base.css';          /* Reset styles, typography, and fundamentals */
@import 'animations.css';    /* Keyframes and animation classes */
@import 'layout.css';        /* Navigation, grid, and layout styles */
@import 'components.css';    /* Reusable component styles */
@import 'quiz.css';          /* Quiz-specific styles */
@import 'utilities.css';     /* Utility classes and helpers */
@import 'responsive.css';    /* Media queries and responsive design */

/* 
This file now imports all CSS modules to maintain the same functionality
while organizing code into logical, maintainable sections:

- variables.css: CSS custom properties, color schemes, spacing, and theming
- base.css: Reset styles, typography, accessibility, and fundamental elements  
- animations.css: All keyframe animations and animation utility classes
- layout.css: Navigation, grid systems, and layout-specific styles
- components.css: Reusable component styles (buttons, cards, forms, etc.)
- quiz.css: Quiz overlay and related interactive elements
- utilities.css: Utility classes and helper styles
- responsive.css: Media queries, mobile optimizations, and responsive design

Total original size: 1534 lines
New modular structure: 8 focused files averaging ~200 lines each
*/