/* ===================================
   Main CSS Orchestrator
   Import order is critical for cascading
   =================================== */

/* 1. Pico CSS Framework - Semantic HTML styling */
@import url('/static/css/pico.css');

/* 2. Design Tokens - CSS custom properties (colors, typography, spacing) */
@import url('/static/css/base/variables.css');

/* 3. Web Fonts - Font-face declarations with WOFF2 optimization */
@import url('/static/css/base/fonts.css');

/* 4. Pico Overrides - Customize Pico's defaults with EUY tokens */
@import url('/static/css/base/overrides.css');

/* 5. Utility Classes - Reusable utilities (sr-only, containers, spacing) */
@import url('/static/css/base/utilities.css');

/* 6. Component Styles - BEM-based custom components */
@import url('/static/css/components/navigation.css');
@import url('/static/css/components/hero.css');
@import url('/static/css/components/footer.css');
@import url('/static/css/components/alert.css');
@import url('/static/css/components/loading-spinner.css');
@import url('/static/css/components/language-switcher.css');

/* 7. Layout Styles - Page-level layouts */
@import url('/static/css/layouts/default.css');

/* 8. Page Styles - Page-specific styles */
@import url('/static/css/pages/directory.css');
@import url('/static/css/pages/registration.css');
@import url('/static/css/pages/login.css');