/*
 * main.css
 * 
 * Main CSS entry point for LearnAE.
 * Imports all modular CSS files in the correct cascade order.
 * 
 * Structure follows ITCSS (Inverted Triangle CSS):
 * 1. Settings   - Variables and design tokens
 * 2. Base       - Reset and element defaults
 * 3. Layout     - Page structure and containers
 * 4. Components - Reusable UI components
 * 5. Pages      - Page-specific styles
 */

/* 1. Settings - Global variables and config */
@import url('1-settings/variables.css');

/* 2. Base - Resets and element defaults */
@import url('2-base/reset.css');

/* 3. Layout - Structural elements */
@import url('3-layout/containers.css');
@import url('3-layout/header.css');
@import url('3-layout/footer.css');

/* 4. Components - Reusable UI blocks */
@import url('4-components/background.css');
@import url('4-components/buttons.css');
@import url('4-components/cards.css');
@import url('4-components/forms.css');
@import url('4-components/score.css');
@import url('4-components/diagnosis.css');
@import url('4-components/strategy-card.css');
@import url('4-components/roi-chart.css');
@import url('4-components/roadmap.css');
@import url('4-components/trust-profile.css');

/* 5. Pages - Page-specific overrides */
@import url('5-pages/landing.css');
@import url('5-pages/results.css');
@import url('5-pages/general.css');
@import url('5-pages/pdf-export.css');