/**
 * MAIN STYLESHEET
 *
 * Import order matters:
 * 1. Reset/preset
 * 2. Setup (box-sizing, defaults)
 * 3. Color primitives
 * 4. Structure (layout)
 * 5. Typography
 * 6. Theme system (semantic tokens, emphasis modes)
 * 7. Components/modules
 * 8. Scratch (temporary, migrate out over time)
 */

/* Foundation */
@import 'preset.css';
@import 'setup.css';
@import 'color.css';
@import 'structure.css';
@import 'accessibility.css';
@import 'prominence.css';
@import 'typography.css';
@import 'tables.css';
@import 'site-header.css';
@import 'site-footer.css';
@import 'welcome.css';

/* Theme system */
@import 'themes/theme-setup.css';
@import 'themes/default.css';
@import 'themes/php.css';
@import 'themes/js.css';
@import 'themes/focus.css';

/* Components */
@import 'components.css';
@import 'modules.css';
@import 'resizable-iframe.css';

/* Code display system */
@import 'code-tokens.css';
@import 'code-display.css';
@import 'codestudy-module.css';

/* Data viz */
@import 'tokens-viz.css';
@import 'mermaid-chart.css';

/* Markdown content */
@import 'markdown.css';

/* Scratch/WIP - migrate out over time */
@import 'scratch.css';

/* Debug tools */
@import 'ia-mode.css';